JQ選擇器 選擇同類元素的第N個子元素的實現方法

2022-10-08 03:42:07 字數 434 閱讀 4782

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

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

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

貼**(選擇每個ul裡面的第三個li):

&程式設計客棧lt;li>我是第乙個ul裡面的第三個li

本文標題: jq選擇器_選擇同類元素的第n個子元素的實現方法

本文位址:

jq常用選擇器

jquery 使用 css 選擇器來選取 html 元素。div 選取 元素。p.intro 選取所有 class intro 的 元素。p demo 選取所有 id demo 的 元素。jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。href 選取所有帶有 href 屬性的元素。h...

jq選擇器總結

js選擇 var test document.getelementbyid test var parent test.parentnode 父節點 var chils test.childnodes 全部子節點 var first test.firstchild 第乙個子節點 var last te...

偽元素選擇器 屬性選擇器 兄弟元素選擇器

一 偽元素 使用偽元素來表示元素中的一些特殊位置 常用 1 first letter 為元素中的第乙個位置設定樣式 2 first line 為元素中的第一行位置設定樣式 3 before 為元素最前邊的部分設定樣式 一般before都需要結合屬性content樣式一起使用 通過content可以向...