为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;
})