:nth-child(index/even/odd/equation)

尋找其父元素下的第N個子或奇偶元素。

':eq(index)' 只尋找一個元素,而這個將為每一個父元素尋找子元素。:nth-child从1開始的,而:eq()是從0算起的!

可以使用:

nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)

傳回值

Array<Element>

參數

index (Number) : 要尋找元素的序號,從1開始。

範例

在每個 ul 尋找第 2 個 li。

HTML 代碼:

<ul>
  <li>John</li>
  <li>Karl</li>
  <li>Brandon</li>
</ul>
<ul>
  <li>Glen</li>
  <li>Tane</li>
  <li>Ralph</li>
</ul>

jQuery 代碼:

$("ul li:nth-child(2)")

結果:

[ <li>Karl</li>,   <li>Tane</li> ]

arrow
arrow
    全站熱搜

    mitblog 發表在 痞客邦 留言(0) 人氣()