jquery怎么獲取祖先元素

這篇文章主要介紹jquery怎么獲取祖先元素，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

10年的杏花嶺網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。營銷型網(wǎng)站的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調整杏花嶺建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)公司從事“杏花嶺網(wǎng)站設計”,“杏花嶺網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

jquery獲取祖先元素的方法：使用方法【parent(exp)】，取得一個包含著所有匹配元素的唯一父元素的元素集合，代碼為【alert($(this).parent().next().html())】。

jquery獲取祖先元素的方法：

parent是找當前元素的第一個父節(jié)點，parents是找當前元素的所有父節(jié)點

先說一下parent和parents的區(qū)別

從字面上不難看出

  • 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怎么獲取祖先元素”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標題：jquery怎么獲取祖先元素
文章網(wǎng)址：http://bm7419.com/article16/pscedg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、虛擬主機、動態(tài)網(wǎng)站、網(wǎng)頁設計公司、企業(yè)建站、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都app開發(fā)公司