jQuery獲取元素父節(jié)點的方法
jquery獲取父元素方法比較多，比如parent()，parents()，closest()這些都能幫你實現(xiàn)查找父元素或節(jié)點，下面我們來一一講解：
先舉個例子
<li><a href="#" id="item1">jquery獲取父節(jié)點</a></li>
<li><a href="#">jquery獲取父元素</a></li>
</ul>
我們的目的是通過 id 為 item1 的便簽a取到 class 為 parent1 的ul元素，有以下幾種方法：
1、parent([expr])
取得一個包含著所有匹配元素的唯一父元素的元素集合。
你可以使用可選的表達(dá)式來篩選。
代碼如下
2、:parent
匹配含有子元素或者文本的元素
代碼如下
3、parents([expr])
取得一個包含著所有匹配元素的祖先元素的元素集合（不包含根元素）?？梢酝ㄟ^一個可選的表達(dá)式進(jìn)行篩選。
代碼如下
4、closest([expr])
closest會首先檢查當(dāng)前元素是否匹配，如果匹配則直接返回元素本身。如果不匹配則向上查找父元素，一層一層往上，直到找到匹配選擇器的元素。如果什么都沒找到則返回一個空的jQuery對象。
closest和parents的主要區(qū)別是：
1)，前者從當(dāng)前元素開始匹配尋找，后者從父元素開始匹配尋找；
2)，前者逐級向上查找，直到發(fā)現(xiàn)匹配的元素后 就停止了，后者一直向上查找直到根元素，然后把這些元素放進(jìn)一個臨時集合中，再用給定的選擇器表達(dá)式去過濾；
3)，前者返回0或1個元素，后者可能包含0 個，1個，或者多個元素。
closest對于處理事件委派非常有用。
以上就是本文的全部內(nèi)容，了解更多jQuery的語法，大家可以查看：《jQuery 1.10.3 在線手冊》，也希望大家多多支持腳本之家。
- JQuery創(chuàng)建DOM節(jié)點的方法
- js和jquery對dom節(jié)點的操作(創(chuàng)建/追加)
- jquery創(chuàng)建一個新的節(jié)點對象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
- jQuery插入節(jié)點和移動節(jié)點用法示例(insertAfter、insertBefore方法)
- jQuery刪除節(jié)點用法示例(remove方法)
- jQuery復(fù)制節(jié)點用法示例(clone方法)
- jQuery替換節(jié)點用法示例(使用replaceWith方法)
- jQuery遍歷節(jié)點樹方法分析
- jQuery實現(xiàn)查找最近父節(jié)點的方法
- jQuery簡單創(chuàng)建節(jié)點的方法
相關(guān)文章
jQuery實現(xiàn)標(biāo)簽頁效果實戰(zhàn)（4）
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)標(biāo)簽頁效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
基于jQuery實現(xiàn)響應(yīng)式圓形圖片輪播特效
這篇文章主要介紹了基于jQuery實現(xiàn)響應(yīng)式圓形圖片輪播特效，mislider插件可以將圖片以圓形圖片顯示，然后使圖片無限循環(huán)形成輪播圖或旋轉(zhuǎn)木馬特效，感興趣的小伙伴們可以參考一下2015-11-11
JQuery觸發(fā)radio或checkbox的change事件
在JQuery中，當(dāng)給radio或checkbox添加一個change事件時，如果它的值發(fā)生變化就會觸發(fā)change事件;本文將詳細(xì)介紹如何利用JQuery觸發(fā)Checkbox的change事件需要了解的朋友可以參考下2012-12-12
基于jQuery的讓非HTML5瀏覽器支持placeholder屬性的代碼
寫了一小段代碼讓非HTML5瀏覽器支持placeholder屬性。零配置零css支持IE62011-05-05
本文給大家匯總了一些jQuery常用的方法，都是我們?nèi)粘ｍ椖恐薪?jīng)常會用到的，附上示例，有需要的小伙伴可以參考下。2016-03-03
這篇文章主要介紹了七個不允許錯過的jQuery小技巧，幫助WEB開發(fā)人員開發(fā)出有創(chuàng)意和漂亮的WEB頁面,需要的朋友可以參考下2015-12-12
發(fā)微博功能描述:當(dāng)點擊輸入框時，提示的文字會去掉；當(dāng)光標(biāo)離開時，如果沒有輸入任何內(nèi)容，提示的文字會恢復(fù),需要的朋友可以參考下2014-04-04
JQueryEasyUI框架下的combobox的取值和綁定的方法
這篇文章主要介紹了JQueryEasyUI框架下的combobox的取值和綁定的方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-01-01
下面小編就為大家?guī)硪黄獪\談jQuery雙事件多重加載的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
使用jquery實現(xiàn)IE下按backspace相當(dāng)于返回操作
后退鍵在各瀏覽器下默認(rèn)為點擊了一下后退按鈕，下面為大家介紹下如何實現(xiàn)實現(xiàn)IE下按backspace相當(dāng)于返回操作,需要的朋友可以參考下2014-03-03