Добавление номера в p.value

Question

Here это скрипка. Я пытаюсь сделать это, когда вы нажимаете кнопку, она добавляет 1 к #num.

JS:

$(document).ready(function() { 
    $('#b').button({ 
     icons: { 
      secondary: '.ui-icon-triangle-1-n' 
     } 
    }); 
    $('#b').click(function() { 
     var x = '#num'.value; 
     var u = x + 1; 
     document.getElementById('#num').innerHTML = u; 
    }); 
}); 

Answer 1

Попробуйте .Это должен работать

$(document).ready(function() { 
    $('#b').button({ 
     icons: { 
      secondary: '.ui-icon-triangle-1-n' 
     } 
    }); 
    $("#b").click(function() { 
     var x = parseInt($('#num').html()); 
     var u = x + 1; 
     $('#num').html(u); 
    }); 
}); 

Answer 2

var x = Number($('#num').text()); 

Вы не получения значения правильного пути. Попробуйте выше

Answer 3

Предполагая, что первая часть работает как-то (не уверен, что «кнопка» есть), попробуйте следующее:

$('#b').click(function() { 
    var x = $('#num').text(); 
    var u = parseInt(x) + 1; 
    $('#num').html(u); 
}); 

Answer 4

Вот скрипка используя data функции JQuery для хранения и увеличения значения:

http://jsfiddle.net/nyhpt/3/

Answer 5

$(document).ready(function() { 
    $('#b').button({ 
     icons: { 
      secondary: '.ui-icon-triangle-1-n' 
     } 
    }); 
    $(this).click(function() { 
     // var x = '#num'.value; 
     var x = $('#num').html(); 
     var u = parseInt(x) + 1; 
     document.getElementById('#num').innerHTML = u;//why not use $('#num').html(u); 
    }); 
}); 

вы можете попробовать это.

Answer 6

Есть несколько ошибок:

• '#num'.value не является действительным. Вы должны использовать $('#num'), чтобы получить узлы jQuery
• , если вы хотите использовать document.getElementById, это должно быть document.getElementById('num'). Заметьте, что нет ведущего '#'
• для получения или установки содержимого HTML в тегах, таких как p, div, span, .innerHTML (для узлов DOM) или .html() (для узлов jQuery); для получения входного значения из ввода, textarea, используйте .value (для узлов DOM) или .val() (для узлов jQuery)
• любое значение или HTML-контент в узле представляет собой строку, поэтому вам лучше изменить его на число через parseInt (Javascript позволяет добавить строку в целое число, но это на самом деле строка конкатенации)

Я хотел бы изменить свои коды таким образом:

$(this).click(function() { 
    var x = parseInt($('#num').html()); 
    var u = x + 1; 
    document.getElementById('num').innerHTML = u; 
});