快捷導航

JQ選擇器_選擇同類元素的第N個子元素的實現(xiàn)方法

更新時間：2016年09月08日 10:04:00 投稿：jingxian

下面小編就為大家?guī)硪黄狫Q選擇器_選擇同類元素的第N個子元素的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

之前想選擇所有UL中的第N個LI ，于是這樣寫： $('ul li:eq(N-1)') ，它的結(jié)果是選擇所有UL 下面的LI得出的結(jié)果中的第N個元素，這個思維是錯誤的(因為看著蠻順眼的：選擇所有UL 下面的第N個LI，在我腦子里$('ul li:eq(N-1)')已經(jīng)被我分開解析了，要是官方能做成這種鏈式寫法就好了比如：$('ul').$('li:eq(N-1)'))，看來這寫法還得等我再學多點東西再自己寫個框架出來，

既然自己搞混了,突然感覺選擇器這種東西還蠻高深的樣子，要用好不簡單

既然無法同時選擇那就用遍歷就行了，下面是個例子，至于遍歷的寫法很多自己喜歡。

貼代碼（選擇每個UL里面的第三個LI）：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<ul>
<li>我是第一個UL里面的第一個LI</li>
<li>我是第一個UL里面的第二個LI</li>
<li>我是第一個UL里面的第三個LI</li>
</ul>
<ul>
<li>我是第二個UL里面的第一個LI</li>
<li>我是第二個UL里面的第二個LI</li>
<li>我是第二個UL里面的第三個LI</li>
</ul>
<script type="text/javascript">
$.each($('ul'), function() {

var li=$(this).children().last();
alert($(li).text());//其實我還蠻好奇這里為什么不能等價于  alert(li.innerHTML);不是說dom 和 jq對象互相轉(zhuǎn)換嗎，為什么寫成后面那樣子結(jié)果為undefine??

});
</script>
</body>
</html>

以上這篇JQ選擇器_選擇同類元素的第N個子元素的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: