多个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)); 
});