How can I loop through all divs by id in jquery? [closed]

Answer 1

id should be unique.. you can use class

<div id="content">
    <div class="image"></div>
    <div class="image"></div>
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>

</div>

$(document).ready(function(){
   $('.image').each(function(i,j){
   console.log(j); //the div

    });
});

Answer 2

You cant have the same id for HTML element but you can give htem all a class and loop through that.

<div id="content">
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
</div>

Jquery.

$(".image").each(function(){
    //do stuff here
}

Answer 3

ID of an element must be unique, use class attribute instead to group similar elements

The id attribute specifies its element's unique identifier (ID). The value must be unique amongst all the IDs in the element's home subtree and must contain at least one character

<div id="content">
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
    <div class="image"></div>
</div>

then use the class selector and .each() to iterate through the list

$('#content .image').each(function(idx, el){
    //here this/el refers to the current image dom reference
    //do soemthing
})