jQuery API の eq( -index ) は、マッチした要素のうちの、-indexに指定した負数のインデックス番号の要素を選択する。負数のインデックス番号を指定することで、最後の要素から逆に数える。この場合における、インデックス番号は、「-1」から始まる点に注意。
記述方法
jQuery( セレクター ) . eq( 負数のインデックス番号 );
「セレクター」にマッチした要素のうち、「負数のインデックス番号」に指定した負数のインデックス番号の要素を選択。「負数のインデックス番号」を指定することで、最後の要素から逆に数える。
実装例(サンプル)
セル | セル | セル |
セル | セル | セル |
セル | セル | セル |
セル | セル | セル |
セル | セル | セル |
実装例(サンプル)のソースコード
JavaScript
<script type="text/javascript">
<!--
jQuery( function() {
jQuery( '#jquery-api-eq tr' ) . eq( -3 ) . css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
<!--
jQuery( function() {
jQuery( '#jquery-api-eq tr' ) . eq( -3 ) . css( {
backgroundColor: 'yellow',
color: 'red',
} );
} );
// -->
</script>
HTML
<table id="jquery-api-eq">
<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>