计算具有特定类的元素的数量，然后添加一个编号它们的ID

我对此很新，只是试图从其他帖子拼凑片段。计算具有特定类的元素的数量，然后添加一个编号它们的ID

我不确定如何计算页面上元素的数量，然后添加一个类来区分它们与一个数字。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.item').each(function (e) { $(this).addClass('count' + e); }); 
}); 
</script> 

<div class="item"></div> 
<div class="item"></div> 
<div class="item"></div>

输出：

<div class="item count1"></div> 
<div class="item count2"></div> 
<div class="item count3"></div>

来源

2012-07-13 John Shaw

你有什么应该有工作（你叫什么“E”应该是每个循环的指标，这应该是你想要什么）;你能解释一下你遇到的问题吗？ – machineghost 2012-07-13 21:45:12

试试这个

$('div.item').each(function(i,n){ $(n).addClass('count' + (i + 1));});

来源

2012-07-13 21:45:45 labroo

这个伎俩。谢谢！ – 2012-07-13 22:06:48

将其标记为答案将非常感谢。 – labroo 2012-07-14 23:37:34

试试这个：

$('.item').each(function (i, e) { $(e).addClass('count' + i); });

来源

2012-07-13 21:45:17 GTSouza

$('.item').addClass(function(i){ 
    return "count" + (i + 1); 
});

来源

2012-07-13 21:49:02 Esailija

你有什么是你就好了只是改变：

$(this).addClass('count' + e);

到

$(this).addClass('count' + (e + 1));

来源

2012-07-13 21:50:02 Kieran

计算具有特定类的元素的数量，然后添加一个编号它们的ID

回答

相关问题