「要素名:eq(番号)」と記述し、指定された要素のうち、番号で指定された番目に現れる要素を選択することができる。jQueryの世界では、0から数えるので、0が1番目、1が2番目、2が3番目となる。
/* 要素の3番目の要素を指す */
$("li:eq(2)").css("font-size","180%");
多彩なセレクタの表現
- :first-child ⇒ 兄弟要素の最初を選択するセレクタ(ページ上全ての親要素に対して)
- :first ⇒ 兄弟要素の最初を選択するセレクタ(1つ目の親要素のみ)
- :last-child ⇒ 兄弟要素の最後を選択するセレクタ(ページ上全ての親要素に対して)
- :last ⇒ 兄弟要素の最後を選択するセレクタ(1つ目の親要素のみ)