jquery中parent()可以獲取父級(jí)元素,所以獲得某元素父級(jí)的父級(jí)可以使用
創(chuàng)新互聯(lián)長期為上千客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為相城企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站設(shè)計(jì),相城網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
1
$(selector).parent().parent();
示例如下
創(chuàng)建Html代碼及css樣式
1
2
3
4
5
6
7
8
9
div class="class1"
class1
div class="class2"
class2
div class="class3"
class3
/div
/div
/div
1
2
div{padding:10px 20px;border:4px solid #ebcbbe;}
div.class1{width:200px;height:120px;}
編寫jquery代碼
1
2
3
4
5
6
$(function(){
$("div.class3").click(function() {
obj = $(this).parent().parent();
alert(obj.prop('class'));
});
})
查看效果
你這里有2個(gè)p元素。不太合理。
如要獲得父級(jí)的父級(jí)點(diǎn)兩次不就可以了么?
parent()兩次啊。。首先獲得p的父div在獲得div的父級(jí)外層的div。這樣問題很明顯啊。
parent:指的是父級(jí)
parents:是祖先元素,就是父級(jí)、父級(jí)的父級(jí)、父級(jí)的父級(jí)的父級(jí)。。一層層往上。
parentsUnitl:元素的所有的父輩元素,直到遇到匹配的那個(gè)元素為止
例子: div class="l1" div class="l2" div class="l3" p/p /div /div /div $("p").parent():查找到l3$("p").parents():查找出l3/l2/l1$("p").parentsUnitl(".l1"):查找出l3/l2
需要準(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值。