Set ID attribute via Jquery

Question

I try to set id for image elements in a div.

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

And script:

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

But it's wrong.

Answer 1

Don't bother using jQuery, just set the property directly. The code's shorter and it's more efficient, too!:

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

---

NB: items[i] is just a DOM element, you would have had to write $(items[i]) to turn it into a jQuery object with a .attr method.