:gt(index) 大なり

与えたindex番号を超える番号の要素にマッチします。indexは0からはじめます。

下記の「indexが 0番目を超える要素はどれ?」というボタンをクリックしてみてください。

  • The first.
  • The second.
  • The third.



ソースは次の通りです。
<ul id="my1">
  <li>The first. </li>
  <li>The second. </li>
  <li>The third.</li>
</ul>

 <button onclick="
    $('#my1 li:gt(0)').append(' ← :gt(0)');
  ">
  indexが 0番目を超える要素はどれ?
</button>
上記で、「id名が#my1という要素内の li要素でindexが0番目」なのは、「The first.」の要素ですが、:gt(0)セレクタの意味は、 それ以上「要素index>0」ですので、それ以降の、「The second.」 と「The third.」に 文字列が追記されます。

前ページでは、指定したindexにイコール(要素番号==index)な要素を検索し 、ここでは大なり(要素番号>index)な要素を検索する セレクタを使いました。

次ページでは 小なり(要素番号<index)な要素を検索する セレクタを使ってみます。