通过jQuery设置ID属性

Question

我尝试为div中的图像元素设置ID。

<div id = 'div_content'>
   <img src ='img1.png'>
   <img src ='img2.png'>
</div>

和脚本：

var items = document.querySelectorAll('#div_content img');
for (var i = 0, l = items.length; i < l; i++) {
   items[i].attr("id","id"+i);
};

但这是错误的。

Answer 1

 $('#div_content img').each(function (index) { $(this).attr("id","id" + index); }); alert($("#div_content").html()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id = 'div_content'> <img src ='img1.png'> <img src ='img2.png'> </div> 

不要使用querySelectorAll因为您已经使用了jQuery。

$('#div_content img').each(function (index) {
   $(this).attr("id","id" + index);
});

document.querySelectorAll将返回没有attr方法的DOMElement数组。

Answer 2

不要打扰使用jQuery，只需直接设置属性即可。 代码更短，更有效！：

items[i].id = 'id' + i;

---

注意： items[i]只是一个DOM元素，您必须编写$(items[i])才能使用.attr方法将其转换为jQuery对象。