javascript - 使用 jQuery 计算所有 div 元素并在 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>

jsfiddle中的这个html示例代码

我需要使用 jQuery 的输出是这样的

score 10 · Accepted Answer

简单each的循环可以解决问题：

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

score 1 · Accepted Answer

1

$("div").each(function(idx,elem) {
    $("<span>").text(idx).appendTo(wherever);
});

于 2013-08-14T15:16:43.737 回答

score 1 · Accepted Answer

你可以试试这个：

$("div").each(function(i, elem){
 $(elem).append($("<span>"+(i+1)+"</span>"));
});

score 0 · Accepted Answer

var counter = 1;
$('h1').each(function () {
    $(this).find('span').html(counter);
    counter++;
});

4 回答 4