在jQuery中,可以很方便地使用選擇器選取HTML元素。當需要選取一個元素的父元素時,就需要使用$().parent()
方法。
具體來說,$().parent()
方法可以選取當前元素的直接父元素。例如:
<div id="parent"> <div class="child"></div> </div> <script> // 選取child元素的父元素 var parentElem = $('.child').parent(); console.log(parentElem); // 輸出結果: <div id="parent"></div> </script>
上面的代碼選取了class為child的元素的父元素,并將結果存儲在parentElem變量中。在這個例子中,parentElem的值實際上就是一個id為parent的div元素。
如果需要選取當前元素的所有祖先元素(即直到根元素為止的所有元素),可以使用$().parents()
方法。例如:
<div id="grandparent"> <div id="parent"> <div class="child"></div> </div> </div> <script> // 選取child元素的所有祖先元素 var ancestorElems = $('.child').parents(); console.log(ancestorElems); // 輸出結果: <div id="parent"></div><div id="grandparent"></div> </script>
上面的代碼選取了class為child的元素的所有祖先元素,并將結果存儲在ancestorElems變量中。在這個例子中,ancestorElems的值實際上就是一個id為parent的div元素和一個id為grandparent的div元素。