将数字添加到p.value

时间:2013-07-07 03:04:27

标签: javascript jquery var

Here是小提琴。我试图这样做,当你按下按钮时,它会向#num添加1。

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;
    });
});

6 个答案:

答案 0 :(得分: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);
    });
});

答案 1 :(得分:0)

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

您没有以正确的方式检索值。试试上面的

答案 2 :(得分:0)

假设第一部分以某种方式工作(不确定“按钮”是什么),试试这个:

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

答案 3 :(得分:0)

这是一个使用jQuery的data函数存储和增加值的小提琴:

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

答案 4 :(得分:0)

$(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);
    });
});

你可以试试这个。

答案 5 :(得分:0)

有几个错误:

  • '#num'.value无效。您应该使用$('#num')来获取jQuery节点
  • 如果您想使用document.getElementById,那应该是document.getElementById('num')。请注意,没有领先的'#'
  • 在p,div,span等标签中获取或设置HTML内容,使用.innerHTML(对于DOM节点)或.html()(对于jQuery节点);从输入,textarea获取输入值,使用.value(对于DOM节点)或.val()(对于jQuery节点)
  • 节点中的任何值或HTML内容都是字符串,因此您最好通过parseInt将其更改为数字(Javascript允许您将字符串添加到整数,但这实际上是字符串连接)< / LI>

我想以这种方式更改您的代码:

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