jquery獲取父元素或父節點的方法

jquery獲取父元素方法比較多，比如parent()，parents()，closest()這些都能幫你實現查詢父元素或節點，下面我們來一一講解：

先舉個例子，

jquery獲取父節點a>li>

jquery獲取父元素a>li>

ul>

我們的目的是通過 id 為 item1 的便簽a取到 class 為 parent1 的ul元素，有以下幾種方法：

1、parent([expr])

取得乙個包含著所有匹配元素的唯一父元素的元素集合。

你可以使用可選的表示式來篩選。

**如下

$('#item1').parent().parent('.parent1');

匹配含有子元素或者文字的元素

**如下

$('li:parent');

取得乙個包含著所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通過乙個可選的表示式進行篩選。

**如下

$('#items').parents('.parent1');

closest會首先檢查當前元素是否匹配，如果匹配則直接返回元素本身。如果不匹配則向上查詢父元素，一層一層往上，直到找到匹配選擇器的元素。如果什麼都沒找到則返回乙個空的jquery物件。

closest和parents的主要區別是：1，前者從當前元素開始匹配尋找，後者從父元素開始匹配尋找；2，前者逐級向上查詢，直到發現匹配的 元素後 就停止了，後者一直向上查詢直到根元素，然後把這些元素放進乙個臨時集合中，再用給定的選擇器表示式去過濾；3，前者返回0或1個元素，後者可能包含0 個，1個，或者多個元素。

closest對於處理事件委派非常有用。

$('#items1').closest('.parent1');

使用jquery獲取父元素或父節點

使用jquery獲取父元素或父節點，比較簡單，jquery提供了豐富的方法來讓我們使用jquery獲取父元素或父節點 jquery獲取父元素方法比較多，比如parent parents closest 這些都能幫你實現查詢父元素或節點，下面我們來一一講解 先舉個例子，我們的目的是通過 id 為 it...

使用jquery獲取父元素或父節點的方法

jquery獲取父元素方法比較多，比如parent parents closest 這些都能幫你實現查詢父元素或節點，下面我們來一一講解 先舉個例子，1.ulclass parent1 2.li ahref id item1 jquery獲取父節點 3.li ahref jquery獲取父元素 4....

使用jquery獲取父元素或父節點的方法

jquery獲取父元素方法比較多，比如parent parents closest 這些都能幫你實現查詢父元素或節點，下面我們來一一講解 先舉個例子，1.ulclass parent1 2.li ahref id item1 jquery獲取父節點 3.li ahref jquery獲取父元素 4....