복붙노트

[JQUERY] 어떻게 같은 ID를 가진 모든 요소에 jQuery를 기능을 적용 할 수 있는가?

JQUERY

어떻게 같은 ID를 가진 모든 요소에 jQuery를 기능을 적용 할 수 있는가?

해결법


  1. 1.요소의 ID는 DOM에서 고유로되어있다. 두 개 이상의 구성 요소에 동일한 ID를 갖는 HTML 유효하지 않다. 요소에서 주 기능에, 오히려 그들에게 동일한 ID를 제공하는 것보다, 그들에게 공통 클래스를 지정합니다. 당신이 그 (것)들에게 공통의 클래스를 할당 할 수없는 경우, 아래의 해결 방법은 같은 id 속성을 가진 요소를 선택할 수 있습니다 :

    요소의 ID는 DOM에서 고유로되어있다. 두 개 이상의 구성 요소에 동일한 ID를 갖는 HTML 유효하지 않다. 요소에서 주 기능에, 오히려 그들에게 동일한 ID를 제공하는 것보다, 그들에게 공통 클래스를 지정합니다. 당신이 그 (것)들에게 공통의 클래스를 할당 할 수없는 경우, 아래의 해결 방법은 같은 id 속성을 가진 요소를 선택할 수 있습니다 :

    동일한 ID를 사용하여 (불가능하다면 ID를 변경)

    jQuery(document).ready(function() {
        jQuery('[id=carousel]').jcarousel();
    });
    

    공통 클래스를 사용 (권장 방법)

    jQuery(document).ready(function() { 
        jQuery('.carousel').jcarousel();
    });
    

  2. 2.당신은 왜 작동하지 않는 것 같은 ID를 가진 두 개 이상의 요소를 가질 수 없습니다. 대신 클래스 = "caroussel"를 사용합니다.

    당신은 왜 작동하지 않는 것 같은 ID를 가진 두 개 이상의 요소를 가질 수 없습니다. 대신 클래스 = "caroussel"를 사용합니다.

    jQuery(document).ready(function() {
        jQuery('.carousel').jcarousel();
    });
    

  3. 3.당신이 페이지에 여러 아이디의이있을 때 jQuery를 최신 버전으로, 선택은 DOM에서 발견 된 첫 번째 'ID를'반환합니다. 대신 클래스를 사용해야합니다.

    당신이 페이지에 여러 아이디의이있을 때 jQuery를 최신 버전으로, 선택은 DOM에서 발견 된 첫 번째 'ID를'반환합니다. 대신 클래스를 사용해야합니다.


  4. 4.이 상황에서 당신은 클래스를 사용해야합니다. 당신은 ID를 사용할 수 없습니다. 그렇지 않으면 당신은 아래의 코드를 시도 할 수 있습니다.

    이 상황에서 당신은 클래스를 사용해야합니다. 당신은 ID를 사용할 수 없습니다. 그렇지 않으면 당신은 아래의 코드를 시도 할 수 있습니다.

    jQuery('ul').jcarousel();
    
  5. from https://stackoverflow.com/questions/14274982/how-can-i-apply-a-jquery-function-to-all-elements-with-the-same-id by cc-by-sa and MIT license