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