javascript - 将类添加到 div，每个 div 的数量增加

Question

我想将类“slide-number-x”添加到 slider 中每张幻灯片中的元素，其中“x”表示 dom 中的幻灯片编号。

因此，例如这个简单的 HTML 标记:

<div class="slider">
    <div class="slide"><div class="slide-title"></div></div>
    <div class="slide"><div class="slide-title"></div></div>
    <div class="slide"><div class="slide-title"></div></div>
    <div class="slide"><div class="slide-title"></div></div>
</div>

会变成:

<div class="slider">
    <div class="slide slide-number-1"><div class="slide-title"></div></div>
    <div class="slide slide-number-2"><div class="slide-title"></div></div>
    <div class="slide slide-number-3"><div class="slide-title"></div></div>
    <div class="slide slide-number-4"><div class="slide-title"></div></div>
</div>

我认为这会起作用:

$('.slide').each(function(i){
  $(this).addClass('slide-number'i+1);
});

有什么帮助或想法吗？

非常感谢，R

Answer 1

您忘记了连接运算符 (+)，请使用:

$('.slide').each(function(i){
  $(this).addClass('slide-number-' + (i+1));
});