爲div設置不同的ID

Question

我想用jquery爲我的div設置不同的ID。 例如，我有5個div;

<div class="mydivs"></div> 
<div class="mydivs"></div> 
<div class="mydivs"></div> 
<div class="mydivs"></div> 
<div class="mydivs"></div> 

我希望他們像下面的jQuery之後。

<div id="1" class="mydivs"></div> 
<div id="2" class="mydivs"></div> 
<div id="3" class="mydivs"></div> 
<div id="4" class="mydivs"></div> 
<div id="5" class="mydivs"></div> 

Answer 1

$(".mydivs").each(function (i) { 
    this.id = i; 
}); 

Answer 2

也許是這樣的？

$(".mydivs").each(function(index){ 
    $(this).attr("id",index); 
}); 

Answer 3

雖然這是可以做到：

$('.mydivs').each(function(){ 
    $(this).attr('id','mydiv'+$(this).index()); 
}); 

Answer 4

$('.mydivs').prop('id', function(i) { 
    return ++i; 
})