多个div同名更改

Question

所以我需要做的是在每个div中添加一个div，但只有一个：

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

以及我希望它改变的是

<div class="box box1"></div>
<div class="box box2"></div>
<div class="box box3"></div>

让我感到困难的是，为每个框生成代码的PHP是使用foreach的函数。

我目前无效的Javascript是：

var k = 1;
$('div.box').each( function() { 
    $('.box').addClass('box' + k);
    k = k + 1; 
}); 

Answer 1

您正在引用所有元素，您只想引用当前元素。由于this是元素，jQuery使这很容易。

更改

$('.box').addClass('box' + k);

到

$(this).addClass('box' + k);

Answer 2

$('div.box').each(function(index, el){
   $(el).addClass('box' + (++index));
});