给每个具有相同类名的div编号

Question

我有大约10个具有相同类名的div个元素，例如

<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div>
<div class="div1"></div> <!-- and so on.... -->

我想给每个div编号。

<div class="div1">1</div>
<div class="div1">2</div>
<div class="div1">3</div>
<div class="div1">4</div>
<div class="div1">5</div>

帮助表示赞赏。

Answer 1

你可以这样做：

$('.div1').html(function(i){ return i+1 });

请参阅documentation of the html function和demonstration。

Answer 2

试试这个

$('.div1').each(function(){
     $(this).text($(this).index() + 1);
});

请参阅此FIDDLE