为div设置不同的id

时间:2013-01-16 18:15:17

标签: jquery

我想用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>

4 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:1)

也许是这样的?

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

答案 2 :(得分:1)

虽然可以这样做:

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

答案 3 :(得分:1)

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