将class添加到div,每个div的编号都会增加

Question

我想在滑块中的每张幻灯片中为一个元素添加一个"slide-number-x"类,其中'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));
});