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

Question

jQuery에서 동일한 ID를 가진 <div>을 모두 선택하려고합니다. 어떻게해야합니까?

나는이 시도하고

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

Answer 1

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

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

이도 ('. 카운트 다운') jQuery를의 반환의 기반으로 ID를 재구성 할 수있는 이점이 있습니다. 길이

---

확인 대해 각각 여러 클래스를 추가 카운트 다운 타이머. IE :

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

그런 식으로 두 가지 장점을 모두 얻을 수 있습니다. 심지어 'IDS'를 반복 할 수 있습니다.

Answer 2

귀하의 문서가 동일한 ID로 두 개의 div가 포함되지 않아야 작동하지 않았다. 이것은 invalid HTML이며, 결과적으로 기본 DOM API는이를 지원하지 않습니다. HTML standard 가입일

:

이드 = 이름 [CS]이 특성은 엘리먼트의 이름을 지정 . 이 이름은 이어야하며 문서에서 고유해야합니다.

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

Answer 3

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

Answer 4

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

당신은 이동 : 다른 정답 (예 : 클래스를 사용하여로) 여기가

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

Answer 5

있지만, 그것은이 할 수도 있고보기의 학문적 관점에서 동일한 ID를 가진 여러 div가 있으며 jQuery로 선택할 수 있습니다. 당신이

jQuery("#elemid") 

를 사용하는 경우

는 지정된 ID를 가진 첫 번째 요소를 선택합니다. 물론이 모든 속성에 선택을 위해 작동

jQuery("[id=elemid]") 

, 당신은 할 수 : 당신은 속성 (귀하의 경우 예를 들어 ID)에 의해 선택하면

그러나,이 같은 일치하는 모든 요소를 ​​반환 해당 태그를 지정하여 선택 범위를 더 구체화하십시오 (예 :귀하의 경우 사업부)

jQuery("div[id=elemid]") 

Answer 6

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

Answer 7

$("div[id^=" + controlid + "]")이 같은 이름을 가진 모든 컨트롤을 반환합니다 첫번째 ID로 사업부를 선택하는이 시도하지만 당신은 그 텍스트를해야 존재하지를 확인해야합니다 모든 컨트롤에서