Question

每次点击一个对象时，我都无法使数字上升

HTML：

<li>click here <span id="1">0</span></li>
<li>click here <span id="2">0</span></li>

Jquery：

$( function() { 
    var a1 = 0; 
    var a2 = 0; 
    $("li").on("click", function() { 
        var $span = $(this).find("span"); 
        var $id = $span.id; 
        if($id == "1") {
           a1++; 
           $span.text(a1); 
        } 
        else if($id == "2") {
           a2++; 
           $span.text(a2); 
        } 
    }); 
});

Answer 1

使用

var $id = $span.attr('id');

而不是

var $id = $span.id;

工作演示http://jsfiddle.net/qw10hwc6/

Answer 2

我瘦你访问span的id是不正确的，试试$ id = $ span.attr（＆＃34; id＆＃34;）;相反，看看会发生什么。

Answer 3

绑定事件获取ID并通过该ID重新放回内容

  $(function() { 
        var a1 = 0; 
        var a2 = 0; 
        $("li").on("click", function() {        
            var $id = $(this).find('span').attr('id'); 
            if($id == "1") {
               a1++; 
               $("#"+$id).text(a1); 
            } 
            else if($id == "2") {
               a2++; 
                $("#"+$id).text(a2); 
            } 
        }); 
    });

demo jsfiddle。

更新每次点击的数量

3 个答案: