jquery 每个选择器都不起作用

Question

我创建了一个计数器，每个计数器计算不同的数字，但是当我选择类中的所有元素时，它不起作用...

$(document).ready(function() {


    function change() {
        /*
        $(".test").each(function(i,domeElement){

            var theNum = parseInt(this.html())+1;
            this.html(theNum);
        });
        */

        //this works... the other one doesnt why?!?!
        var theNum = parseInt($(".test").html()) + 1;
        $(".test").html(theNum);
    }

    setInterval(change, 1000);

});

http:// /jsfiddle.net/DTyY7/

Answer 1

你应该使用

$(this).html(theNum);

而不是

this.html(theNum);

因为 html() 是一个 jQuery 函数，而 this （在 .each() 内部）是一个 domElement，所以你必须将其包装到 jQuery 对象

Fiddle 中： http://jsfiddle.net/nicolapeluchetti/DTyY7/2/

Answer 2

each() 回调正文中的 this 应更改为 $(this)：

$(".test").each(function(){
    var theNum = parseInt($(this).html())+1 || 0;
    $(this).html(theNum);
});

请参阅 这个演示。

Answer 3

它将 .test 的第一个实例应用于所有这些实例。您需要循环遍历所有元素并单独应用 +1。

$('.test').each(function(){
           $(this).html(parseInt($(this).html())+1)
        });

Answer 4

你需要使用 $(this) 代替 this 。我已经更新了代码 http://jsfiddle.net/DTyY7/ 6/.希望有帮助

Answer 5

$(document).ready(function(){


function change(){

    $(".test").each(function(i, domElement){

        //var theNum = parseInt(this.html())+1;
        var num = parseInt($(".test").html());
        num++
        $(".test").html(num);
    });


    //this works... the other one doesnt why?!?!
      /* var theNum = parseInt($(".test").html())+1;
        $(".test").html(theNum);
*/}

setInterval(change,1000);

});

这就是修复它的方法。因为你在另一个范围内，所以这个关键字不起作用。

Answer 6

$(document).ready(function() {
    function change() {
        $(".test").each(function(i,domeElement) {
            var theNum = parseInt($(this).html())+1;
            $(this).html(theNum);
        });
    }
    setInterval(change,1000);
});