> 웹 프론트엔드 > JS 튜토리얼 > jQuery를 사용하여 현재 요소 내에서 하위 요소(예: 이미지)를 선택하는 방법은 무엇입니까?

jQuery를 사용하여 현재 요소 내에서 하위 요소(예: 이미지)를 선택하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-11-21 05:06:11
원래의
226명이 탐색했습니다.

How to Select Child Elements (e.g., Images) within the Current Element using jQuery?

현재 요소 내 하위 선택기 검색

$(this) 선택기가 활성화되어 있고 이미지( img) 특정 div 내에서 이 가이드는 포괄적인 솔루션을 제공합니다.

대상 div 요소부터 시작하여 $(this)를 활용하여 선택할 수 있습니다. 그것. 그러나 하위 img를 검색하려면 다음 두 가지 효과적인 방법을 활용할 수 있습니다.

컨텍스트 매개변수 사용

jQuery의 생성자는 context라는 귀중한 매개변수를 제공합니다. 이를 통해 선택 항목의 컨텍스트를 재정의할 수 있습니다. 이 매개변수를 현재 요소(this)로 지정하면 클릭한 요소의 범위 내에서 검색하도록 선택기를 조정할 수 있습니다.

jQuery("img", this);
로그인 후 복사

이 접근 방식은 .find() 메서드를 사용하는 것과 동일한 결과를 달성합니다.

jQuery(this).find("img");
로그인 후 복사

.children() 사용

원하는 img 요소가 전적으로 직계 자손인 경우 클릭된 요소의 보다 구체적인 방법은 .children()을 활용하는 것입니다.

jQuery(this).children("img");
로그인 후 복사

이러한 기술을 활용하면 $(this) 선택기의 컨텍스트 내에서 하위 img 요소를 효과적으로 검색할 수 있습니다.

위 내용은 jQuery를 사용하여 현재 요소 내에서 하위 요소(예: 이미지)를 선택하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿