복붙노트

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

JQUERY

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

해결법


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

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

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

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

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

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

    그런 식으로 당신은 두 세계에서 최고를 얻습니다. 심지어 'IDS'를 반복 할 수 있습니다.


  2. 2.비록 학업 관점에서 다른 올바른 답변이 있지만, 물론 동일한 ID로 여러 DIV를 가질 수 있으며 jQuery로 선택할 수 있습니다.

    비록 학업 관점에서 다른 올바른 답변이 있지만, 물론 동일한 ID로 여러 DIV를 가질 수 있으며 jQuery로 선택할 수 있습니다.

    당신이 사용할 때

    jQuery("#elemid") 
    

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

    그러나 속성 (예 : 케이스의 경우)에 의해 선택하면 모든 일치하는 요소를 반환합니다.

    jQuery("[id=elemid]") 
    

    물론 모든 속성에서 선택을 위해 작동하며 문제의 태그를 지정하여 선택을 더욱 정제 할 수 있습니다 (예 : 사례)

    jQuery("div[id=elemid]") 
    

  3. 3.문서에는 동일한 ID가있는 두 Div가 포함되어서는 안됩니다. 이것은 유효하지 않은 HTML이며 결과적으로 기본 DOM API가 지원하지 않습니다.

    문서에는 동일한 ID가있는 두 Div가 포함되어서는 안됩니다. 이것은 유효하지 않은 HTML이며 결과적으로 기본 DOM API가 지원하지 않습니다.

    HTML 표준에서 :

    각 DIV에 다른 ID를 지정하고 $ ( '# id1, # ​​ID2)를 사용하여 모두 선택할 수 있습니다. 또는 두 요소 (예 : .cls)와 동일한 클래스를 두 요소로 지정하고 $ ( '. cls')를 사용하여 두 가지 모두 선택하십시오.


  4. 4.첫 번째 ID로 DIV를 선택하기 위해 이것을 시도하십시오

    첫 번째 ID로 DIV를 선택하기 위해 이것을 시도하십시오

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

  5. 5.$ ( "div [id ^ ="+ controlID + "]")는 같은 이름의 모든 컨트롤을 반환하지만 텍스트가 텍스트가 컨트롤에 없어야하는지 확인해야합니다.

    $ ( "div [id ^ ="+ controlID + "]")는 같은 이름의 모든 컨트롤을 반환하지만 텍스트가 텍스트가 컨트롤에 없어야하는지 확인해야합니다.


  6. 6.고유 한 CSS 클래스를 각 별개의 타이머에 할당 할 수 있습니까? 그런 식으로 여러 DIV 요소로 잘 작동하는 CSS 클래스의 선택기를 사용할 수 있습니다.

    고유 한 CSS 클래스를 각 별개의 타이머에 할당 할 수 있습니까? 그런 식으로 여러 DIV 요소로 잘 작동하는 CSS 클래스의 선택기를 사용할 수 있습니다.


  7. 7.두 DIV의 두 DIV에 독특한 ID가있는 두 DIV를 포장 할 수 있습니다. 그런 다음 $ ( "# div1", "wraper1", "wraper1") 및 $ ( "# div1", "wraper2")를 선택하십시오.

    두 DIV의 두 DIV에 독특한 ID가있는 두 DIV를 포장 할 수 있습니다. 그런 다음 $ ( "# div1", "wraper1", "wraper1") 및 $ ( "# div1", "wraper2")를 선택하십시오.

    여기 :

    <div id="wraper1">
    <div id="div1">
    </div>
    <div id="wraper2">
    <div id="div1">
    </div>
    
  8. from https://stackoverflow.com/questions/902839/how-to-select-all-elements-with-a-particular-id-in-jquery by cc-by-sa and MIT license