DOM結(jié)構(gòu)其實也是一種樹形結(jié)構(gòu)，jQuery提供的樹形選擇器可以用來選擇DOM Tree里的節(jié)點。這些樹形選擇器的方法包括：children(), parent(), parents(), next(), prev(), siblings().
選擇某個元素的"孩子" - children()
代碼如下:

第一列

第二列

第三列

$("#parent").children().length //得到所有的”孩子“(li)的個數(shù)，“3”
$("#parent").children("#son1").text(); //得到第一個”孩子“(li)的值 - “第一列”

選擇某個元素的“父母” - parent()
代碼如下:

第一列

第二列

第三列

$("#son1").parent().attr("id");//得到ul的ID - "parent"

選擇某個元素的“祖先”-parents() (注意：一級一級向上選擇直到)
代碼如下:

第一列

第二列

第三列

$("#son2").parents().each(function(i){
if(i<3) //只顯示3代祖先
alert($(this).html());
});

選擇某個元素的“弟弟” - next()
代碼如下:

第一列

第二列

第三列

$("#son2").next().text(); //選擇#son3選擇某個元素的“哥哥”

prev()
代碼如下:

第一列

第二列

第三列

$("#son2").prev().text(); //選擇#son1選擇某個元素的“兄弟”

siblings()
代碼如下:

第一列

第二列

第三列

$("#son2").siblings().text(); //選擇#son1和#son3

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com