jQuery를 사용하여 상위 요소 내의 하위 요소(예: img)를 어떻게 선택할 수 있습니까?

jQuery 선택기를 사용하여 하위 요소 얻기

이 특정 시나리오에서는 상위 요소 내의 하위 요소(이 경우 img)를 대상으로 지정하려고 합니다. jQuery 선택기를 사용하는 방법에는 여러 가지가 있습니다.

컨텍스트 사용 매개변수:

jQuery 생성자는 컨텍스트라는 두 번째 매개변수를 사용하여 호출할 수 있습니다. 이 매개변수를 사용하면 선택이 수행되어야 하는 컨텍스트를 지정할 수 있습니다. 현재 요소(이 컨텍스트에서는 this)를 컨텍스트로 전달하여 상위 요소의 하위 요소로 검색을 제한할 수 있습니다.

jQuery("img", this);

find() 메서드 사용:

또는 상위 요소에서 .find() 메서드를 사용하여 하위 요소를 검색할 수도 있습니다. 이는 이전 접근 방식과 동일합니다.

jQuery(this).find("img");

children() 메서드 사용:

부모 요소의 직계 후손만 선택하려는 경우(즉시) 하위 요소) .children() 메서드를 사용할 수 있습니다.

jQuery(this).children("img");

이러한 메서드 중 하나를 사용하면 효과적으로 다음을 수행할 수 있습니다. 상위 div를 클릭하면 div 내의 하위 img 요소를 검색합니다.

위 내용은 jQuery를 사용하여 상위 요소 내의 하위 요소(예: img)를 어떻게 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!