jquery - 给具有相同类名的每个 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 });

请参阅html 函数和演示文档。

Answer 2

像这样试试

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

看到这个小提琴