您好,登錄后才能下訂單哦!
這篇文章主要介紹jquery怎么獲取祖先元素,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
jquery獲取祖先元素的方法:使用方法【parent(exp)】,取得一個包含著所有匹配元素的唯一父元素的元素集合,代碼為【alert($(this).parent().next().html())】。
jquery獲取祖先元素的方法:
parent是找當前元素的第一個父節點,parents是找當前元素的所有父節點
先說一下parent和parents的區別
從字面上不難看出
parent
是指取得一個包含著所有匹配元素的唯一父元素的元素集合。
parents
則是取得一個包含著所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通過一個可選的
表達式進行篩選。
可以看出parent的取值很明確,就是當前元素的父元素;parents則是當前元素的祖先元素。下面列出例子
說明:
<div id='div1'> <div id='div2'><p></p></div> <div id='div3' class='a'><p></p></div> <div id='div4'><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)
用法:取得一個包含著所有匹配元素的唯一父元素的元素集合。
<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>
以上是“jquery怎么獲取祖先元素”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。