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>

우리의 목적은 note a의 클래스를 다음과 같이 가져오는 것입니다. item1의 id입니다. parent1의 ul 요소에는 다음과 같은 메소드가 있습니다:

1, parent([expr])

일치하는 모든 요소의 고유한 상위 요소를 포함하는 요소 세트를 가져옵니다.
예:

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

2, :parent

하위 요소 또는 텍스트가 포함된 요소와 일치합니다.

$('li:parent');

3, parent([expr])

일치하는 모든 요소의 상위 요소가 포함된 요소 세트를 가져옵니다( 루트 요소는 포함되지 않습니다). 선택적 표현식으로 필터링할 수 있습니다.

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

4.closest([expr])

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

가장 가까운 요소와 상위 요소의 주요 차이점은 다음과 같습니다. 1. 전자는 현재 요소에서 일치 및 검색을 시작하고, 후자는 상위 요소에서 일치 및 검색을 시작합니다. 2. 전자는 다음과 같은 경우 중지될 때까지 단계별로 위쪽으로 검색합니다. 일치하는 요소가 발견되면 후자는 루트 요소까지 계속 검색한 다음 이러한 요소를 임시 컬렉션에 넣은 다음 주어진 선택기 표현식을 사용하여 3을 필터링합니다. 전자는 0 또는 1 요소를 반환하고 후자는 0 또는 1개의 요소를 반환합니다. 0, 1 또는 여러 요소를 포함합니다.

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

아아아아

위 내용은 jQuery를 사용하여 상위 요소와 상위 요소를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!