JQ選擇器_選擇同類元素的第N個(gè)子元素的實(shí)現(xiàn)方法
之前想選擇所有UL中的第N個(gè)LI ,于是這樣寫: $('ul li:eq(N-1)') ,它的結(jié)果是選擇所有UL 下面的LI得出的結(jié)果中的第N個(gè)元素,這個(gè)思維是錯(cuò)誤的(因?yàn)榭粗U順眼的:選擇所有UL 下面的第N個(gè)LI,在我腦子里$('ul li:eq(N-1)')已經(jīng)被我分開解析了,要是官方能做成這種鏈?zhǔn)綄懛ň秃昧吮热纾?('ul').$('li:eq(N-1)')),看來這寫法還得等我再學(xué)多點(diǎn)東西再自己寫個(gè)框架出來,
既然自己搞混了,突然感覺選擇器這種東西還蠻高深的樣子,要用好不簡(jiǎn)單
既然無法同時(shí)選擇那就用遍歷就行了,下面是個(gè)例子,至于遍歷的寫法很多自己喜歡。
貼代碼(選擇每個(gè)UL里面的第三個(gè)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>我是第一個(gè)UL里面的第一個(gè)LI</li> <li>我是第一個(gè)UL里面的第二個(gè)LI</li> <li>我是第一個(gè)UL里面的第三個(gè)LI</li> </ul> <ul> <li>我是第二個(gè)UL里面的第一個(gè)LI</li> <li>我是第二個(gè)UL里面的第二個(gè)LI</li> <li>我是第二個(gè)UL里面的第三個(gè)LI</li> </ul> <script type="text/javascript"> $.each($('ul'), function() { var li=$(this).children().last(); alert($(li).text());//其實(shí)我還蠻好奇這里為什么不能等價(jià)于 alert(li.innerHTML);不是說dom 和 jq對(duì)象互相轉(zhuǎn)換嗎,為什么寫成后面那樣子結(jié)果為undefine?? }); </script> </body> </html>
以上這篇JQ選擇器_選擇同類元素的第N個(gè)子元素的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery ajax傳遞中文參數(shù)亂碼問題及解決方法說明
本篇文章主要是對(duì)jquery ajax傳遞中文參數(shù)亂碼問題及解決方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02jquery對(duì)dom節(jié)點(diǎn)的操作【推薦】
下面小編就為大家?guī)硪黄猨query對(duì)dom節(jié)點(diǎn)的操作。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-04-04jQuery的實(shí)現(xiàn)原理的模擬代碼 -4 重要的擴(kuò)展函數(shù) extend
在上兩篇文章中,我們看到每次要通過 jQuery 的原型增加共享方法的時(shí)候,都需要通過 jQuery.fn 一個(gè)個(gè)進(jìn)行擴(kuò)展,非常麻煩.2010-08-08jquery實(shí)現(xiàn)樓層滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)樓層滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01jquery validate.js表單驗(yàn)證入門實(shí)例(附源碼)
這篇文章主要介紹了jquery validate.js表單驗(yàn)證入門實(shí)例,為大家提供了jquery validate.js表單驗(yàn)證的源碼,特別適合初學(xué)者學(xué)習(xí)validate.js表單驗(yàn)證,感興趣的小伙伴們可以參考一下2015-11-11JQuery實(shí)現(xiàn)動(dòng)態(tài)添加刪除評(píng)論的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)動(dòng)態(tài)添加刪除評(píng)論的方法,涉及jQuery處理鼠標(biāo)事件及json數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2015-05-05jquery基本選擇器匹配多個(gè)元素的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨query基本選擇器匹配多個(gè)元素的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄獁ebpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06