最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery 樹形結(jié)構(gòu)的選擇器

 更新時間：2010年02月15日 15:08:54   作者：  
樹形結(jié)構(gòu)里的節(jié)點，如果它不是根部，也不是末枝，那么它一定有父母和孩子。

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

復(fù)制代碼 代碼如下:

<ul id="parent">
<li id="son1">第一列</li>
<li id="son2">第二列</li>
<li id="son3">第三列</li>
</ul>
$("#parent").children().length //得到所有的”孩子“(li)的個數(shù)，“3”
$("#parent").children("#son1").text(); //得到第一個”孩子“(li)的值 - “第一列”

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

<ul id="parent">
<li id="son1">第一列</li>
<li id="son2">第二列</li>
<li id="son3">第三列</li>
</ul>
$("#son1").parent().attr("id");//得到ul的ID - "parent"

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

<div id="grand">
<ul id="parent">
<li id="son1">第一列</li>
<li id="son2">第二列</li>
<li id="son3">第三列</li>
</ul>
</div>
$("#son2").parents().each(function(i){
if(i<3) //只顯示3代祖先
alert($(this).html());
});

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

<ul id="parent">
<li id="son1">第一列</li>
<li id="son2">第二列</li>
<li id="son3">第三列</li>
</ul>
$("#son2").next().text(); //選擇#son3選擇某個元素的“哥哥”

prev()
復(fù)制代碼 代碼如下:

<ul id="parent">
<li id="son1">第一列</li>
<li id="son2">第二列</li>
<li id="son3">第三列</li>
</ul>
$("#son2").prev().text(); //選擇#son1選擇某個元素的“兄弟”

siblings()
復(fù)制代碼 代碼如下:

<ul id="parent">
<li id="son1">第一列</li>
<li id="son2">第二列</li>
<li id="son3">第三列</li>
</ul>
$("#son2").siblings().text(); //選擇#son1和#son3

相關(guān)文章

最新評論

沐川县| 徐闻县| 四子王旗| 抚顺县| 齐齐哈尔市| 什邡市| 宁德市| 封丘县| 简阳市| 茶陵县| 洛宁县| 手游| 中牟县| 梨树县| 天柱县| 嵊泗县| 彭阳县| 武宣县| 蒙自县| 基隆市| 松原市| 博兴县| 华安县| 泗水县| 华蓥市| 庆阳市| 鹿泉市| 肃北| 北宁市| 巴林左旗| 海伦市| 界首市| 临江市| 固安县| 大兴区| 吴旗县| 延安市| 衡南县| 达拉特旗| 桦川县| 墨竹工卡县|