之前想選擇所有UL中的第N個LI ,于是這樣寫: $('ul li:eq(N-1)') ,它的結果是選擇所有UL 下面的LI得出的結果中的第N個元素,這個思維是錯誤的(因為看著蠻順眼的:選擇所有UL 下面的第N個LI,在我腦子里$('ul li:eq(N-1)')已經被我分開解析了,要是官方能做成這種鏈式寫法就好了比如:$('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對象互相轉換嗎,為什么寫成后面那樣子結果為undefine??});</script></body></html>以上這篇JQ選擇器_選擇同類元素的第N個子元素的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答