使用javascript为DIV分配ID

Question

我正在尝试为已经附加了Class的DIV分配ID。这是我的代码： （该类是“myclass”，id是“myid”）

$(document).ready(function(){
$(".myclass").id("myid");
 });

提前致谢。

Answer 1

如果您使用jQuery 1.6+或.prop()，请尝试使用.attr()：

$(".myclass").prop("id", "myid");

如果你有多个该元素的元素，它会为多个元素分配相同的ID，这是非常糟糕的做法..在这种情况下附加索引：

$(".myclass").each(function(index) {
    $(this).prop("id", "myid" + index);
});

修改：

最优雅高效的方法是在没有.prop()的情况下直接使用.attr()或.each()（在1.6之前），然后分配直接DOM元素的id：

$(".myclass").prop("id", function(index) {
    return "myid" + index;
});

Live test case

Answer 2

这是

$(document).ready(function(){
$(".myclass").eq(0).attr("id", "myid");
});

我写了 eq（0），因为不能有两个具有相同ID的DOM元素，但可能有多个 .myclass

Answer 3

您可以使用.attr()

$(document).ready(function(){
$(".myclass").attr("id","myid");
 });

小提琴：http://jsfiddle.net/LFQeR/