Question

I created a counter that count different numbers each, but when I choose all the elemnts in class it doesnt work…

$(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

You should use

$(this).html(theNum);

and not

this.html(theNum);

Because html() is a jQuery function and this (inside .each()) is a domElement and so you must wrap it into a jQuery object

Fiddle here: http://jsfiddle.net/nicolapeluchetti/DTyY7/2/