jQuery API の jQuery( ':gt( index )' ) は、index に指定した数字より大きいインデックス番号の要素を選択する。インデックス番号は、「0」から始まる点に注意。
index に指定した数字より小さいインデックス番号の要素を選択する場合は、jQuery( ':lt( index )' )を使う。
記述方法
jQuery( 'セレクター:gt( インデックス番号 )' )
セレクターに一致した要素のうち、「インデックス番号」に指定した数字より大きいインデックス番号の要素を選択。
実装例(サンプル)
セル | セル | セル |
セル | セル | セル |
セル | セル | セル |
セル | セル | セル |
セル | セル | セル |
実装例(サンプル)のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-api-gt tr:gt(2)' ) . css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-api-gt tr:gt(2)' ) . css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
HTML
<table id="jquery-api-gt">
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
</table>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
<tr>
<td>セル</td>
<td>セル</td>
<td>セル</td>
</tr>
</table>