如何在jquery中通過id循環所有div？

Question

如果我有下面的代碼，我如何才能得到所有與id =「圖像」的div的引用，並遍歷所有的jQuery中？

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

Answer 1

元素的ID必須是唯一的，使用類屬性，而不是對組類似的元件

id屬性指定其元素的唯一標識符（ID）。該 值必須在該元素的家庭樹 所有的ID之間獨特的，並且必須包含至少一個字符

<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> 

然後使用class selector和.each()通過列表

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

Answer 2

迭代你不能有相同的HTML元素的id，但你可以給所有的類和循環。

<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應該是唯一的..你可以使用類

<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 

    }); 
});