在每个div元素中附加一个递增的数字

Question

我有一个包含多个div的页面，我想在每个div中添加一个递增的数字。

我认为这可以胜任，但事实并非如此：

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

我在</body>

之后添加了此脚本

Answer 1

$(function(){
    $('div').slice(0, count).each(function(i){
       $(this).append(i+1);
    });
});​

.slice()用于选择前n个匹配元素（由i < count建议）。 有关详情，请参阅this post。

<强> DEMO here

---

<强>此外..

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

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

Answer 2

这是一种方法：

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

DEMO