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