计算所有div元素并使用jQuery在span内添加每个数字

Question

我需要按顺序显示页面中每个div的数量

并在span内添加每个div的值

所以如果我在页面内有4个div就像这样

<div>first div</div>
<div>second div</div>
<div>third div</div>

每个div都需要显示他的订单,就像这样

<div>first div <span>1</span></div>
<div>second div <span>2</span></div>
<div>third div <span>3</span></div>

这个html示例代码在jsfiddle中

我需要输出使用jQuery这样

Answer 1

简单each循环可以解决问题:

$("div").each(function(i) {
    $(this).find("span").text(++i);
});