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必须是唯一的，而是使用class属性来对相似的元素进行分组

id属性指定其元素的唯一标识符（ID）。该 value必须在元素的home子树中的所有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

    });
});

如何在jquery中通过id遍历所有div？

3 个答案: