mar*_*ark 68 jquery css-selectors
我正在尝试<div>
在jQuery中选择具有相同ID的所有s.我该怎么做?
我尝试过这个并没有用
jQuery('#xx').each(function(ind,obj){
//do stuff;
});
Run Code Online (Sandbox Code Playgroud)
myd*_*rms 383
虽然这里有其他正确答案(例如使用类),但从学术角度来看,当然可以有多个具有相同ID的div,并且可以使用jQuery选择它们.
当你使用
jQuery("#elemid")
Run Code Online (Sandbox Code Playgroud)
它只选择具有给定ID的第一个元素.
但是,当您按属性选择时(例如,在您的情况下为id),它将返回所有匹配的元素,如下所示:
jQuery("[id=elemid]")
Run Code Online (Sandbox Code Playgroud)
这当然适用于任何属性的选择,您可以通过指定相关标签进一步优化您的选择(例如,在您的情况下为div)
jQuery("div[id=elemid]")
Run Code Online (Sandbox Code Playgroud)
Bal*_*an1 39
我会使用不同的ID,但为每个DIV分配相同的类.
<div id="c-1" class="countdown"></div>
<div id="c-2" class="countdown"></div>
Run Code Online (Sandbox Code Playgroud)
这还有一个额外的好处,就是能够根据jQuery('.countdown')的返回重建ID.
那么如何为每个倒数计时器添加多个类呢?IE:
<div class="countdown c-1"></div>
<div class="countdown c-2"></div>
<div class="countdown c-1"></div>
Run Code Online (Sandbox Code Playgroud)
这样你就可以获得两全其美.它甚至允许重复'IDS'
Aym*_*ieh 35
您的文档不应包含两个具有相同ID的div.这是无效的HTML,因此,底层DOM API不支持它.
从HTML标准:
id = name [CS]此属性为元素指定名称.该名称在文档中必须是唯一的.
您可以为每个div分配不同的ID,并使用它们选择它们$('#id1, #id2)
.或者为两个元素分配相同的类(.cls
例如),并使用$('.cls')
它们来选择它们.