jquery가 상위 요소를 가져올 수 있나요?

jquery는 상위 요소를 가져올 수 있습니다. 부모 요소나 노드를 가져올 수 있는 parent(), parent(), close() 등 jquery에서 부모 요소를 가져오는 방법은 여러 가지가 있습니다. parent()는 선택한 요소의 직접 부모 요소를 반환합니다. , 그리고 Nearest()는 선택한 요소를 첫 번째 상위 요소로 반환합니다.

관련 권장사항: "jq video"

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 요소를 가져오는 것입니다. parent([expr])
일치하는 모든 요소의 고유한 상위 요소를 포함하는 요소 집합을 가져옵니다.

선택적 표현을 사용하여 필터링할 수 있습니다. 코드는 다음과 같습니다

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

2. :parent

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

코드는 다음과 같습니다.

$('li:parent');

3.부모([expr])

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

코드는 다음과 같습니다

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

4.closest([expr])

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

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

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

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 학습 코스

를 방문하세요! !

위 내용은 jquery가 상위 요소를 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!