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，我想要一个函数，它将获得ever div的值，并在主div上选择class select。然后转到下一个主要班级。

Answer 1

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

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

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

请参阅.each()

Answer 2

您不能拥有多个相同的ID！ id也不能是数字启动。添加类“c1”，然后

$('.main .select').each(function(el){
alert($(this).val());
});

我是jQuery的新手，所以请检查

Answer 3

Misiur很接近，但每个方法只使用索引和元素的函数。我还在类之前添加了div标记，以便它不会查看所有元素。只是让它更有效率。

$('div.main div.select').each(function(index, el){
    alert($(this).val());
});

Answer 4

您可能不需要每个div上的数字。

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

function myFunction()
{
   //operate on $(this)
}

重复页面上每个div的功能

4 个答案: