jQuery에서 특정 ID를 가진 모든 요소를 ​​선택하는 방법은 무엇입니까?

jQuery에서 특정 ID를 가진 모든 요소를 ​​선택하는 방법은 무엇입니까?

---

<div>jQuery에서 동일한 ID를 가진 모든를 선택하려고합니다 . 어떻게하나요?

나는 이것을 시도했지만 작동하지 않았습니다.

jQuery('#xx').each(function(ind,obj){
      //do stuff;
});

---

다른 ID를 사용하지만 각 DIV에 동일한 클래스를 할당합니다.

<div id="c-1" class="countdown"></div>
<div id="c-2" class="countdown"></div>

또한 jQuery ( '. countdown'). length의 반환을 기반으로 ID를 재구성 할 수 있다는 추가 이점이 있습니다.

---

각 카운트 다운 타이머에 여러 클래스를 추가하는 것은 어떻습니까? IE :

<div class="countdown c-1"></div>
<div class="countdown c-2"></div>
<div class="countdown c-1"></div>

그렇게하면 두 세계의 장점을 모두 얻을 수 있습니다. 반복 'IDS'도 허용합니다.

---

여기에 다른 정답이 있지만 (예 : 수업 사용) 학술적 관점에서 동일한 ID를 가진 여러 div를 가질 수 있으며 jQuery로 선택할 수 있습니다.

사용할 때

jQuery("#elemid") 

주어진 ID를 가진 첫 번째 요소 만 선택합니다.

그러나 속성 (예 : 귀하의 경우 ID) 별로 선택하면 다음 과 같이 일치하는 모든 요소가 반환됩니다.

jQuery("[id=elemid]") 

이것은 물론 모든 속성에 대한 선택에 대해 작동하며 문제의 태그를 지정하여 선택을 더 세분화 할 수 있습니다 (예 : 귀하의 경우 div ).

jQuery("div[id=elemid]") 

---

문서에 동일한 ID를 가진 두 개의 div가 있어서는 안됩니다. 이는 잘못된 HTML 이므로 기본 DOM API가이를 지원하지 않습니다.

로부터 HTML 표준 :

id = name [CS]이 속성은 요소에 이름을 할당합니다. 이 이름은 문서에서 고유해야합니다.

각 div에 다른 ID를 할당하고을 사용하여 둘 다 선택할 수 있습니다 $('#id1, #id2). 또는 두 요소에 동일한 클래스를 할당하고 ( .cls예 :) $('.cls')를 사용 하여 둘 다 선택합니다.

---

$("div[id^=" + controlid + "]") 동일한 이름을 가진 모든 컨트롤을 반환하지만 텍스트가 컨트롤에 표시되지 않도록해야합니다.

---

각 타이머에 고유 한 CSS 클래스를 할당 할 수 있습니까? 이렇게하면 여러 div요소에서 잘 작동하는 CSS 클래스에 대한 선택기를 사용할 수 있습니다 .

---

첫 번째 ID로 div를 선택하려면 이것을 시도하십시오.

$('div[id^="c-"]')

---

고유 한 ID를 사용하여 두 div를 두 div로 래핑 할 수도 있습니다. 그런 다음 div를 선택 $("#div1","#wraper1")하고$("#div1","#wraper2")

여기 있습니다 :

<div id="wraper1">
<div id="div1">
</div>
<div id="wraper2">
<div id="div1">
</div>

참고 URL : https://stackoverflow.com/questions/902839/how-to-select-all-elements-with-a-particular-id-in-jquery