這樣:
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)建站!專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶(hù)創(chuàng)新互聯(lián)還提供了云巖免費(fèi)建站歡迎大家使用!
ul class="parent1"
lia href="#" id="item1"jquery獲取父節(jié)點(diǎn)/a/li
lia href="#"jquery獲取父元素/a/li
/ul
擴(kuò)展資料:
注意事項(xiàng)
parent是指取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
parents則是取得一個(gè)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^(guò)一個(gè)可選的表達(dá)式進(jìn)行篩選。
可以看出parent的取值很明確,就是當(dāng)前元素的父元素;parents則是當(dāng)前元素的祖先元素。
div id='div1'
div id='div2'p/p
/divdiv id='div3' class='a'p/p/div
div id='div4'p/p/div
/div
我們的目的是通過(guò) id 為 item1 的便簽a取到 class 為 parent1 的ul元素,有以下幾種方法:
1、parent([expr])
取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
你可以使用可選的表達(dá)式來(lái)篩選。
代碼如下
pre class="brush: js;"$('#item1').parent().parent('.parent1');/pre
2、:parent
匹配含有子元素或者文本的元素
代碼如下
pre class="brush: js;"$('li:parent');/pre
3、parents([expr])
取得一個(gè)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^(guò)一個(gè)可選的表達(dá)式進(jìn)行篩選。
代碼如下
pre class="brush: js;"$('#items').parents('.parent1');/pre
4、closest([expr])
closest會(huì)首先檢查當(dāng)前元素是否匹配,如果匹配則直接返回元素本身。如果不匹配則向上查找父元素,一層一層往上,直到找到匹配選擇器的元素。如果什么都沒(méi)找到則返回一個(gè)空的jQuery對(duì)象。
closest和parents的主要區(qū)別是:1,前者從當(dāng)前元素開(kāi)始匹配尋找,后者從父元素開(kāi)始匹配尋找;2,前者逐級(jí)向上查找,直到發(fā)現(xiàn)匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把這些元素放進(jìn)一個(gè)臨時(shí)集合中,再用給定的選擇器表達(dá)式去過(guò)濾;3,前者返回0或1個(gè)元素,后者可能包含0 個(gè),1個(gè),或者多個(gè)元素。
closest對(duì)于處理事件委派非常有用。
pre class="brush: js;"$('#items1').closest('.parent1');/pre
1、parent([expr])
取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
你可以使用可選的表達(dá)式來(lái)篩選。
代碼如下
1.$('#item1').parent().parent('.parent1');
2、:parent
匹配含有子元素或者文本的元素
代碼如下
1.$('li:parent');
3、parents([expr])
取得一個(gè)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^(guò)一個(gè)可選的表達(dá)式進(jìn)行篩選。
代碼如下
1.$('#items').parents('.parent1');
4、closest([expr])
closest會(huì)首先檢查當(dāng)前元素是否匹配,如果匹配則直接返回元素本身。如果不匹配則向上查找父元素,一層一層往上,直到找到匹配選擇器的元素。如果什么都沒(méi)找到則返回一個(gè)空的jQuery對(duì)象。
closest和parents的主要區(qū)別是:1,前者從當(dāng)前元素開(kāi)始匹配尋找,后者從父元素開(kāi)始匹配尋找;2,前者逐級(jí)向上查找,直到發(fā)現(xiàn)匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把這些元素放進(jìn)一個(gè)臨時(shí)集合中,再用給定的選擇器表達(dá)式去過(guò)濾;3,前者返回0或1個(gè)元素,后者可能包含0 個(gè),1個(gè),或者多個(gè)元素。
closest對(duì)于處理事件委派非常有用。