Jquery에서 조상 요소를 얻는 방법

jquery에서 상위 요소를 가져오는 방법: [parent(exp)] 메서드를 사용하여 일치하는 모든 요소의 고유한 상위 요소를 포함하는 요소 컬렉션을 가져옵니다. 코드는 [alert($(this).parent().next)입니다. () .html())].

이 튜토리얼의 운영 환경: windows7 시스템, jquery 버전 1.2.6 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

조상 요소를 가져오는 jquery 방법:

부모는 현재 요소의 첫 번째 부모 노드를 찾는 것이고, 부모는 현재 요소의 모든 부모 노드를 찾는 것입니다.

먼저 부모 간의 차이점에 대해 이야기해 보겠습니다.

말 그대로 그렇지 않습니다.

• parent는 일치하는 모든 요소의 고유한 상위 요소를 포함하는 요소 집합을 가져오는 것을 의미한다고 보기 어렵습니다. parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

• parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的

表达式进行筛选。

可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子

说明：

<div id=&#39;div1&#39;>
<div id=&#39;div2&#39;><p></p></div>
<div id=&#39;div3&#39; class=&#39;a&#39;><p></p></div>
<div id=&#39;div4&#39;><p></p></div>
</div>

• $('p').parent()取到的是div2,div3,div4

• $('p').parent('.a')取到的是div3

• $('p').parent().parent()取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的

• $('p').parents()取到的是div1,div2,div3,div4

• $('p').parents('.a')取到的是div3

parent(exp)

parents는 일치하는 모든 요소(루트 요소 제외)의 상위 요소를 포함하는 요소 세트를 가져옵니다. 선택적

표현식으로 필터링할 수 있습니다. 현재 요소의 상위 요소인 parent의 값이 매우 명확하다는 것을 알 수 있습니다. parent는 현재 요소의 조상 요소입니다. 예는 다음과 같습니다

설명:🎜

<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>

🎜🎜🎜$('p').parent()얻은 것은 div2, div3, div4🎜🎜🎜$ ( 'p').parent('.a')결과는 div3🎜🎜🎜$('p').parent().parent()입니다. 얻은 것은 div1인데 다소 이상합니다. 그러나 Jquery 개체 자체의 특성에 따라 이것이 가능하다고 판단됩니다🎜🎜🎜$('p').parents() div1입니다. , div2, div3, div4🎜🎜🎜$('p').parents('.a')얻은 것은 div3🎜 🎜🎜 parent(exp) 사용법: 🎜일치하는 모든 요소의 고유한 상위 요소를 포함하는 요소 세트를 가져옵니다. 🎜rrreee🎜🎜관련 무료 학습 권장사항: 🎜javascript🎜(동영상)🎜🎜

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