jquery - 页面上每个 div 的重复功能

Question

我如何为每个 id 为 1 的 div 重复一个函数。

这就是我的 html 的样子。

<div class="main" id="1">
<div class="select" id="1">value</div>
<div class="select" id="2">value</div>
<div class="select" id="3">value</div>
<div class="select" id="4">value</div>
<div class="select" id="5">value</div>
</div>
<div class="main" id="1">
<div class="select" id="1">value</div>
<div class="select" id="2">value</div>
<div class="select" id="3">value</div>
<div class="select" id="4">value</div>
<div class="select" id="5">value</div>
</div>

我想循环遍历所有具有 main 类的 div 并获取所有名为 select 的 cub 类的值。我不断向页面添加内容，因此可能有一个主要 div，也可能有 100 个。

非常感谢

编辑:像这样的事情怎么样？

我的html:

<div id="status"></div></div>
<div class="main">
<div class="select">value</div>
<div class="select">value</div>
<div class="select">value</div>
<div class="select">value</div>
<div class="select">value</div>
</div>
<div class="main">
<div class="select">value</div>
<div class="select">value</div>
<div class="select">value</div>
<div class="select">value</div>
<div class="select">value</div>
</div>

还有我的 jquery:

$('.main div:nth-child(1)').each( myFunction );

function myFunction()
{
    var value = $(this).val;
    $('#status').append(value);
}

对于每个名为 main 的 div，我想要一个函数，该函数将获取每个 div 的值，并在主 div 上选择类。然后继续下一个主类。

Answer 1

有效的 HTML 标记 需要具有唯一 ID。所以不要使用多个ID。使用类来代替，假设您有一个名为 one 的类分配给多个元素:

$('.one').each(function(){
    $(this).somefunction();
});

该代码将查询所有这些元素并对每个元素调用一个方法 somefunction()。

参见.each()