parent()是 父元素 就一個(gè),你要選取class=x的元素,就是第一個(gè)p元素的父元素的父元素:
嘉善ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書合作)期待與您的合作!
$("p:eq(0)").parent().parent().css("background", "yellow");
或者p元素父元素的父元素類為x的元素:
$("p").parent().parent(".x").css("background", "yellow");
或者p元素祖先元素(祖先就很多個(gè)了)中類為x的元素:
$("p").parents(".x").css("background", "yellow");
1、parent([expr])
取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合。
你可以使用可選的表達(dá)式來篩選。
代碼如下
1.$('#item1').parent().parent('.parent1');
2、:parent
匹配含有子元素或者文本的元素
代碼如下
1.$('li:parent');
3、parents([expr])
取得一個(gè)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^一個(gè)可選的表達(dá)式進(jìn)行篩選。
代碼如下
1.$('#items').parents('.parent1');
4、closest([expr])
closest會(huì)首先檢查當(dāng)前元素是否匹配,如果匹配則直接返回元素本身。如果不匹配則向上查找父元素,一層一層往上,直到找到匹配選擇器的元素。如果什么都沒找到則返回一個(gè)空的jQuery對象。
closest和parents的主要區(qū)別是:1,前者從當(dāng)前元素開始匹配尋找,后者從父元素開始匹配尋找;2,前者逐級(jí)向上查找,直到發(fā)現(xiàn)匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把這些元素放進(jìn)一個(gè)臨時(shí)集合中,再用給定的選擇器表達(dá)式去過濾;3,前者返回0或1個(gè)元素,后者可能包含0 個(gè),1個(gè),或者多個(gè)元素。
closest對于處理事件委派非常有用。
這樣:
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è)包含著所有匹配元素的祖先元素的元素集合(不包含根元素)??梢酝ㄟ^一個(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
jquery中parent()可以獲取父級(jí)元素,所以獲得某元素父級(jí)的父級(jí)可以使用
$(selector).parent().parent();
示例如下
創(chuàng)建Html代碼及css樣式
div?class="class1"
class1
div?class="class2"
class2
div?class="class3"
class3
/div
/div
/div
div{padding:10px?20px;border:4px?solid?#ebcbbe;}
div.class1{width:200px;height:120px;}
編寫jquery代碼
$(function(){
$("div.class3").click(function()?{
obj?=?$(this).parent().parent();
alert(obj.prop('class'));
});
})
查看效果
需要準(zhǔn)備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標(biāo)簽,輸入jquery代碼
$('body').append($('#a').parent().attr('id'));
3、瀏覽器運(yùn)行index.html頁面,此時(shí)成功通過ID為a的div獲取了它父級(jí)元素并打印其ID值。