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)被我分開解析了，要是官方能做成這種鏈?zhǔn)綄懛ň秃昧吮热纾?('ul').$('li:eq(N-1)'))，看來這寫法還得等我再學(xué)多點東西再自己寫個框架出來，
既然自己搞混了,突然感覺選擇器這種東西還蠻高深的樣子，要用好不簡單
既然無法同時選擇那就用遍歷就行了，下面是個例子，至于遍歷的寫法很多自己喜歡。
貼代碼（選擇每個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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery模仿ToDoList實現(xiàn)簡單的待辦事項列表
這篇文章主要介紹了jQuery模仿ToDoList實現(xiàn)簡單的待辦事項列表，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
這篇文章主要幫助大家快速理解jQuery瀏覽器窗口、網(wǎng)頁文檔及可視窗口的各種高度,需要的朋友可以參考下2014-07-07
這篇文章主要內(nèi)容是jQuery無刷新切換主題皮膚實例講解，本文應(yīng)用cookie記錄用戶所選擇設(shè)置的主題皮膚樣式，需要了解的朋友可以參考下2015-10-10
取得id為form1的form的所有輸入變量，然后使用for循環(huán)進(jìn)行數(shù)組遍歷，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
jquery tools 系列 scrollable學(xué)習(xí)
今天繼續(xù)jquery tools六大功能之第三功能 scrollable的學(xué)習(xí)。一如既往，首先給出操作的html代碼 此html代碼修改自jquery tools官方網(wǎng)站demo代碼2009-09-09
這篇文章主要介紹了jQuery獲取瀏覽器類型和版本號的方法 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這是Jq中最長的一個正則了，也研究了很久，一直很懵懂，感覺還是通過調(diào)試，然后一步一步的分析值理解起來比較容易2012-07-07
jquery中關(guān)于inArray()函數(shù)的詳細(xì)使用說明2011-10-10
使用jquery組件qrcode生成二維碼及應(yīng)用指南
這篇文章主要介紹了使用jquery組件qrcode生成二維碼及應(yīng)用指南,非常全面實用，需要的朋友可以參考下2015-02-02
jquery判斷checkbox(復(fù)選框)是否被選中的代碼
現(xiàn)在很多朋友都喜歡使用jquery了，所以很多的表格判斷都是基于jquery的，但實現(xiàn)方法與javascript原生代碼不同，對于checkbox的判斷大家可以參考下。2010-10-10