자바스크립트에서 상위 태그를 찾는 방법

JS에서 상위 태그를 찾는 방법: 1. parentNode 속성을 사용합니다. 구문은 "하위 요소 object.parentNode"입니다. 2. Jquery에서 parent() 또는 parent() 메서드를 사용합니다. 구문은 "하위 요소"입니다. object.parent()" 또는 "ChildElementObject.parents()".

이 튜토리얼의 운영 환경: windows7 시스템, javascript1.8.5&&jquery2.1.1 버전, Dell G3 컴퓨터.

상위 요소 노드를 찾는 방법은 다음과 같습니다.

1. 기본 방법--parentNode 속성

parentNode 속성은 노드의 상위 노드를 반환할 수 있습니다.

元素.parentNode //返回元素的第一个父节点

2. Jquery 메서드(패키지를 가져와야 함)

• Element.parent() 요소의 첫 번째 상위 노드를 반환합니다.元素.parent() 返回元素的第一个父节点

• 元素.parents()

Element.parents () 요소의 모든 상위 노드를 포함하는 배열을 반환합니다

예는 다음과 같습니다.

ffd43448117c1013fbeeed3f564491ad
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
    a80eb7cbb6fff8b0ff70bae37074b813
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
dc6dce4a544fdca2df29d5ac0ea9906b45a2772a6b6107b401db3c9b82c049c2975f881abd041d8a9a52113a3d7608725db79b134e9f6b82c0b36e0489ee08ed54bdf357c58b8a65c66d7c19c8e4d11416b28748ea4df4d9c2150843fecfba68
b9197df398584b98b2410e5b164be7af2cacc6d41bbb37262a98f745aa00fbf0
3f1c4e4b6b16bbbd69b2ee476dc4f83a
    //原生的方法
    document.getElementById('a').parentNode //得到45a2772a6b6107b401db3c9b82c049c2节点
    //也可以这么玩
    document.getElementById('a').parentNode.parentNode //得到dc6dce4a544fdca2df29d5ac0ea9906b节点
 
    //Jquery的方法  记得导包哦
    $('#a').parent();//得到45a2772a6b6107b401db3c9b82c049c2节点
    $('#a').parent().parent();//得到dc6dce4a544fdca2df29d5ac0ea9906b节点
    $('#a').parents();//得到所有父级节点   45a2772a6b6107b401db3c9b82c049c2 ,dc6dce4a544fdca2df29d5ac0ea9906b ,6c04bd5ca3fcae76e30b72ad730ca86d ,100db36a723c770d327fc0aef2ce13b1
    $('#a').parents('body');//得到6c04bd5ca3fcae76e30b72ad730ca86d节点
2cacc6d41bbb37262a98f745aa00fbf0
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

[권장 학습:🎜javascript 고급 튜토리얼🎜]🎜

위 내용은 자바스크립트에서 상위 태그를 찾는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!