현재 요소의 상위 요소인 parent의 값이 매우 명확하다는 것을 알 수 있습니다. parent는 현재 요소의 조상 요소입니다. 예는 다음과 같습니다.
<p id='p1'> <p id='p2'><p></p></p> <p id='p3' class='a'><p></p></p> <p id='p4'><p></p></p> </p>
$('p').parent()는 p2, p3, p4
$('p').parent('.a')는 p3
$('p')를 가져옵니다. parent().parent()는 p1을 얻습니다. 이는 다소 이상하지만 Jqueryobject 자체의 특성에 따라 이것이 가능하다고 결정됩니다.
$('p').parents()는 p1, p2, p3, p4를 가져옵니다
$('p').parents('.a')는 p3을 가져옵니다
parent(exp) 사용법: 가져오기 일치하는 모든 요소의 고유한 상위 요소입니다.
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn1").click(function(){
alert($(this).parent().next().html());
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input id="btn1" class="btn" type="button" value="test" /></td>
<td>some text</td>
</tr>
</table>그 중:
this.parent()는 input
this.parent().parent()가 tr
this.parent().parent().parent()를 가져오고 table
this를 가져오는 앞의 td입니다. parent().next()는 td
다음에 있는 td를 가져옵니다. 예에서:
<p><p>Hello</p><p>Hello</p></p>
$("p").parent()는 다음을 가져옵니다:
Hello
객체입니다. p 태그의 상위 태그는 pjquery의 parent()가
를 사용하기 때문에 오늘 흥미로운 문제가 발생했습니다. jquery에는 parent()와 parent()라는 두 가지 기능이 있습니다. ) 이 두 함수를 통해 jquery의 선택기라고도 하는 개체의 상위 개체를 찾을 수 있습니다. 예를 들어,
<body> <div id="one"> <div id="two">hello</div> <div id="three"> <p> <a href="#">tonsh</a> </p> </div> </div>
$("a").parent()는 상위 개체를 가져옵니다
$("a").parents()는 상위 개체를
$("a").parents().filter("div")는
링크를 클릭했을 때
var id=$("a").parents("div:eq(1)").children("div:eq(0)").html();
alert(id);위 내용은 Jquery에서 부모와 부모의 차이점을 공유하십시오.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
