溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下jquery獲取父元素的示例，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
jquery可以獲取父元素。jquery獲取父元素的方法比較多，比如parent()，parents()，closest()等都能獲取父元素或節點；parent()返回被選元素的直接父元素、closest()返回被選元素的第一個祖先元素。
jquery獲取父元素方法比較多，比如parent()，parents()，closest()這些都能幫你實現查找父元素或節點，下面我們來一一講解：
先舉個例子，
<ul class="parent1"> <li><a href="#" id="item1">jquery獲取父節點</a></li> <li><a href="#">jquery獲取父元素</a></li> </ul>
我們的目的是通過 id 為 item1 的便簽a取到 class 為 parent1 的ul元素，有以下幾種方法：
1、parent([expr])
取得一個包含著所有匹配元素的唯一父元素的元素集合。
你可以使用可選的表達式來篩選。
代碼如下
$('#item1').parent().parent('.parent1');2、:parent
匹配含有子元素或者文本的元素
代碼如下
$('li:parent');3、parents([expr])
取得一個包含著所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通過一個可選的表達式進行篩選。
代碼如下
$('#items').parents('.parent1');4、closest([expr])
closest會首先檢查當前元素是否匹配，如果匹配則直接返回元素本身。如果不匹配則向上查找父元素，一層一層往上，直到找到匹配選擇器的元素。如果什么都沒找到則返回一個空的jQuery對象。
closest和parents的主要區別是：1，前者從當前元素開始匹配尋找，后者從父元素開始匹配尋找；2，前者逐級向上查找，直到發現匹配的元素后 就停止了，后者一直向上查找直到根元素，然后把這些元素放進一個臨時集合中，再用給定的選擇器表達式去過濾；3，前者返回0或1個元素，后者可能包含0 個，1個，或者多個元素。
closest對于處理事件委派非常有用。
$('#items1').closest('.parent1');看完了這篇文章，相信你對jquery獲取父元素的示例有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
