Jquery 给每个元素一个递增1的类

Jquery 给每个元素一个递增1的类,jquery,Jquery,我有这个html: <div class="nbhds-overlay active" style="display: block;"> <h3><href="#">one</a></h3> <h3><href="#">two</a></h3> <h3><href="#">three</a></h3> <

我有这个html:

<div class="nbhds-overlay active" style="display: block;">

    <h3><href="#">one</a></h3>
    <h3><href="#">two</a></h3>
    <h3><href="#">three</a></h3>
    <h3><href="#">four</a></h3>

</div>
您可以使用
$()。each()
方法迭代元素。然后使用
addClass()

每个方法回调中的第一个参数将是元素的索引。这里是
i

您可以使用
$()。each()
方法迭代元素。然后使用
addClass()

每个方法回调中的第一个参数将是元素的索引。这里是
i

试试这个:

使用$('.nbhds overlay h3')。每个()迭代所有h3标记:

   function classesForNbhds() {
        $('.nbhds-overlay h3').each(function(i,s) {
          $(this).addClass('myclass'+(i+1));
        });
    }
试试这个:

使用$('.nbhds overlay h3')。每个()迭代所有h3标记:

   function classesForNbhds() {
        $('.nbhds-overlay h3').each(function(i,s) {
          $(this).addClass('myclass'+(i+1));
        });
    }
$('.nbhds overlay h3').addClass(函数(i){
返回“myClass”+(i+1);
});

一
二
三
四
$('.nbhds overlay h3').addClass(函数(i){
返回“myClass”+(i+1);
});

一
二
三
四

在这种情况下,第一个是0,您需要(i+1)@DarrenSweeney谢谢您的建议。刚刚编辑了我的答案在这种情况下,第一个答案是0,你需要(i+1)@DarrenSweeney谢谢你的建议。刚刚编辑了我的答案你应该接受最好的答案而不是最快的。我最初接受了你的建议,然后又回来了,所以另一个似乎更好,我把你的问题投了更高的票。因为我没有接受你的答案,你否决了我的q:你是说那不是你?无论如何,我甚至不在乎TBO,底线是我真的很感谢你花时间回答我的问题,我投了更高的票,很高兴我这么做了,我只是接受了看起来更简单的答案。你应该接受最好的答案,而不是最快的。我最初接受了你的建议,然后又回来了,所以另一个似乎更好,我把你的问题投了更高的票。因为我没有接受你的答案,你否决了我的q:你是说那不是你?无论如何,我甚至不在乎TBO,底线是我真的很感谢你花时间回答我的问题,我投了更高的票,很高兴我这么做了,我只是接受了看起来更简单的答案。
   function classesForNbhds() {
        $('.nbhds-overlay h3').each(function(i,s) {
          $(this).addClass('myclass'+(i+1));
        });
    }