source

jQuery에서 특정 ID를 가진 모든 요소를 선택하는 방법?

ittop 2023. 10. 4. 22:58
반응형

jQuery에서 특정 ID를 가진 모든 요소를 선택하는 방법?

모두 선택하려고 합니다.<div>jQuery에서 같은 아이디를 가진 s.제가 그걸 어떻게 합니까?

이것을 시도해 보았지만 소용이 없었습니다.

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

여기에 다른 정답이 있지만(수업 사용 등), 학술적인 관점에서 동일한 ID의 디브를 여러 개 보유하는 것은 물론 가능하며, jQuery로 선택하는 것도 가능합니다.

사용할때

jQuery("#elemid") 

지정된 ID를 가진 첫 번째 요소만 선택합니다.

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

jQuery("[id=elemid]") 

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

jQuery("div[id=elemid]") 

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

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

이것은 또한 jQuery('countdown')의 반환을 기반으로 ID를 재구성할 수 있다는 추가적인 이점을 가지고 있습니다.길이


좋아요, 각 카운트다운 타이머에 여러 클래스를 추가하는 건 어떨까요?IE:

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

그렇게 하면 두 세계 모두에서 최고를 얻을 수 있습니다.'IDS'를 반복할 수도 있습니다.

문서에 동일한 ID를 가진 두 개의 디브를 포함하면 안 됩니다.잘못된 HTML이므로 기본 DOM API가 이를 지원하지 않습니다.

HTML 표준에서:

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

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

첫 번째 ID로 div를 선택하려면 이 작업을 수행합니다.

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

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

각 개별 타이머에 고유한 CSS 클래스를 할당할 수 있습니까?그렇게 하면 CSS 클래스에 셀렉터를 사용할 수 있습니다. 여러 개의 셀렉터와 함께 잘 작동할 것입니다.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

반응형