jquery - 如何在 jquery 中按 id 遍历所有 div？

Question

如果我有以下代码，我如何获得对所有 id="image" 的 div 的引用并在 jquery 中遍历所有这些 div？

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

然后使用类选择器和.each()遍历列表

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

Answer 2

HTML 元素不能有相同的 id，但你可以给 htem 一个类并循环遍历它。

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

查询。

$(".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

    });
});