Как выбрать все элементы с определенным идентификатором в jQuery?

Question

Как выбрать все элементы с определенным идентификатором в jQuery?

Я пытаюсь выбрать все <div>s с тем же идентификатором в jQuery. Как мне это сделать?

я попробовал это, и это не сработало

jQuery('#xx').each(function(ind,obj){

      //do stuff;

});

753 7

jQuery css-selectors

7 ответов:

Comments

Ничего не найдено.

Ballsacian1 · Accepted Answer · 2009-05-24 04:37:05

Я бы использовал разные идентификаторы, но назначил каждому DIV один и тот же класс.
<div id="c-1" class="countdown"></div>
<div id="c-2" class="countdown"></div>
Это также имеет дополнительное преимущество в возможности реконструировать идентификаторы, основанные на возврате jQuery ('.обратный отсчет').длина

ОК как насчет добавления нескольких классов к каждому таймеру обратного отсчета. Т. е.:
<div class="countdown c-1"></div>
<div class="countdown c-2"></div>
<div class="countdown c-1"></div>
таким образом, вы получаете лучшее из обоих миров. Он даже позволяет повторять 'IDS'

mydoghasworms · Accepted Answer · 2016-10-11 08:09:56

хотя здесь есть и другие правильные ответы (например, использование классов), с академической точки зрения, конечно, можно иметь несколько дивов с одним и тем же идентификатором, и их можно выбрать с помощью jQuery.

при использовании
jQuery("#elemid") 
он выбирает только первый элемент с заданным идентификатором.

однако, когда вы выбираете по атрибуту (например, id в вашем случае), она возвращает все соответствующие элементы, как Итак:
jQuery("[id=elemid]") 
Это, конечно, работает для выбора по любому атрибуту, и вы можете дополнительно уточнить свой выбор, указав соответствующий тег (например, div в вашем случае)
jQuery("div[id=elemid]") 

Ayman Hourieh · Accepted Answer · 2009-05-24 04:25:57

ваш документ не должен содержать два divs с одинаковым идентификатором. Это неверный HTML, и в результате базовый DOM API не поддерживает его.

С стандарт HTML:

id = name [CS] этот атрибут присваивает имя элемента. Это имя должно быть быть уникальным в документе.

вы можете назначить разные ID для каждого div и выберите их с помощью $('#id1, #id2). Или назначить один и тот же класс оба элемента (.cls например), и использовать $('.cls'), чтобы выбрать их обоих.

Niranjan Kumar · Accepted Answer · 2013-04-15 18:19:00

$("div[id^=" + controlid + "]") вернет все элементы управления с одинаковым именем, но вы должны убедиться, что текст не должен присутствовать ни в одном из элементов управления

Paul Morie · Accepted Answer · 2009-05-24 04:22:10

можете ли вы назначить уникальный класс CSS для каждого отдельного таймера? Таким образом, вы можете использовать селектор для класса CSS, который будет отлично работать с несколькими div элементы.

atabak · Accepted Answer · 2013-01-08 17:40:01

попробуйте это для выбора div по первому id
$('div[id^="c-"]')

omer · Accepted Answer · 2012-08-17 18:47:58

вы также можете попробовать обернуть два div в два div с уникальными идентификаторами. Затем выберите элемент div с помощью $("#div1","#wraper1") и $("#div1","#wraper2")

вот так:
<div id="wraper1">
<div id="div1">
</div>
<div id="wraper2">
<div id="div1">
</div>