每次傳遞給DOM添加增加的計數

我希望實現的是增加一個計數，然後在每次使用each（）時將其附加到DOM。我現在所擁有的是最後增加的最終數量。例如。每次傳遞給DOM添加增加的計數

假設我有100個div，每次通過它都應該加上新的計數，就像1,2,3,4,5,6,7 ......等等。但目前它計數所有的對象，並在最後追加100。請有人指點我的方向，我要去哪裏錯了？

我已經添加了一個非常基本的版本，我希望在下面實現...還有這是一個JSbin（我試過jsfiddle，但它似乎對我而言）。

$(".toCount").each(function(i){ 
    $("#count").text(i + 1); 
});

來源

2013-01-25 dev

$('input').on('click',function() { 
    var len = $(".toCount").length; 
    var arr = []; 
    for (var i = 0; i < len; i++) { 
    arr.push(i+1); 
    } 
    $('#count').text(arr.join()); 
});

我不知道你是什麼意思是1,2,3 ...如果你想一步一步地計算元素，你可以使用setInterval函數：

$('input').on('click',function() { 
    var l = $(".toCount").length, 
     $c = $('#count'), 
     i = 0; 
    var t = setInterval(function() { 
     i++; 
     $c.text(i); 
     if (i === l) clearInterval(t); 
    }, 10); 
});

http://jsbin.com/eronel/17/edit

來源

2013-01-25 11:09:14 undefined

omg，那是什麼？ – VisioN

你的第二個例子正是我要找的謝謝！ – dev

@vletech不客氣。 – undefined

使用append();

將由參數指定的內容插入匹配元素集中每個元素的末尾。

你的情況 text()會替換div的文本，以便u得到100末

$("#count").append(i + 1);

來源

2013-01-25 11:04:29 bipen

感謝您的回答，我想的append（）就是我要找的，但我通過saing的「1,2,3計數一直困惑的東西在我的描述有點，4,5 ......「。我希望得到的數字是1，然後刪除它，然後刪除它，然後刪除它，然後3 ...等等。像加載計數一樣。例如1/100 ... 2/100 ... 3/100 ... 4/100。 – dev

使用追加

$("#count").append(i + 1);

來源

2013-01-25 11:05:51

每次傳遞給DOM添加增加的計數

回答

相關問題