부모 요소와 부모 node_jquery를 얻기 위한 jQuery의 방법 요약

이 기사의 예는 상위 요소와 상위 노드를 얻는 jQuery의 방법을 요약합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

jquery에서 부모 요소나 노드를 찾는 데 도움이 되는 parent(), parent(), close() 등 부모 요소를 가져오는 방법은 다양합니다. 아래에서 하나씩 설명하겠습니다.

먼저 예를 들어보겠습니다.

<ul class="parent1">
<li><a href="#" id="item1">jquery获取父节点</a></li> 
<li><a href="#">jquery获取父元素</a></li> 
</ul>

우리의 목적은 ID가 item1인 Note A를 통해 parent1 클래스의 ul 요소를 가져오는 것입니다.

1.부모([expr])

일치하는 모든 요소의 고유한 상위 요소를 포함하는 요소 집합을 가져옵니다.

선택적 표현식을 사용하여 필터링할 수 있습니다.

코드는 다음과 같습니다

$('#item1').parent().parent('.parent1');

2. :부모

하위 요소나 텍스트가 포함된 요소와 일치

코드는 다음과 같습니다

$('li:parent');

3. 부모님([expr])

일치하는 모든 요소(루트 요소 제외)의 상위 요소를 포함하는 요소 집합을 가져옵니다. 선택적 표현식으로 필터링할 수 있습니다.

코드는 다음과 같습니다

$('#items').parents('.parent1');

4. 가장 가까운([expr])

closest는 먼저 현재 요소가 일치하는지 확인하고 일치하면 요소 자체를 직접 반환합니다. 일치하는 항목이 없으면 선택기와 일치하는 요소를 찾을 때까지 레이어별로 상위 요소를 위쪽으로 검색합니다. 아무것도 발견되지 않으면 빈 jQuery 객체가 반환됩니다.

가장 가까운 것과 부모의 주요 차이점은 다음과 같습니다.

① 전자는 현재 요소부터 일치 및 검색을 시작하고, 후자는 상위 요소부터 일치 및 검색을 시작합니다.
② 전자는 일치하는 요소를 찾을 때까지 위쪽으로 검색한 다음 중지합니다. 후자는 루트 요소까지 위쪽으로 검색한 다음 이러한 요소를 임시 컬렉션에 넣은 다음 지정된 선택기 표현식을 사용하여 필터링합니다. ③ 전자는 0 또는 1개의 요소를 반환하고, 후자는 0, 1 또는 여러 개의 요소를 포함할 수 있습니다.

closest는 이벤트 위임을 처리하는 데 유용합니다.

$('#items1').closest('.parent1');

더 많은 jQuery 관련 콘텐츠에 관심이 있는 독자들은 이 사이트에서 특별한 주제를 확인할 수 있습니다: "

JQuery 순회 알고리즘 및 기술 요약", "jQuery 테이블(테이블) 작업 기술 요약 " , "jQuery 드래그 효과 및 기법 요약", "jQuery 확장 기법 요약", "jQuery 공통 클래식 특수 효과 요약" , "jQuery 애니메이션 및 특수 효과 사용 요약", "jquery 선택기 사용 요약" 및 "jQuery 일반 플러그인 및 사용 요약"

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.