在每個div元素內附加一個遞增數字

Question

我有一個帶有多個div的頁面，並且我想在每個div內添加一個遞增數字。

我認爲這將做的工作，但它不是：

$(document).ready(function(){ 
    var i; 
    while (i<count) { 
     $('#div').append(i); 
     i++; 
    } 
}); 

我加入這個腳本</body>

Answer 1

以下是一種方法：

​$("div").each(function(i){ 
    $(this).append(i); 
});​​​ 

DEMO

Answer 2

​​

的.slice()是選擇前n個匹配的元素之後（如建議通過i < count）。 有關更多信息，請參閱this post。

DEMO here

---

此外..

如果您的div（或任何元素）是兄弟彼此，你可以用更優雅..

$('mySelector').each(function(){ $(this).append($(this).index()) });