jQuery( ':odd' )

jQuery API の jQuery( ':odd' ) は、インデックス番号が奇数の要素を選択する。インデックス番号は、「0」から始まる点に注意。

インデックス番号が偶数の要素を選択する場合は、jQuery( ':even' ) を使う。

記述方法

jQuery( 'セレクター:odd' )

セレクターに一致した要素のうち、インデックス番号が奇数の要素を選択。

実装例(サンプル)

セル セル セル
セル セル セル
セル セル セル
セル セル セル
セル セル セル

実装例(サンプル)のソースコード

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {
    jQuery( '#jquery-api-odd tr:odd' ) . css( {
        backgroundColor: 'yellow',
        color: 'red',
    } );
} );
// -->
</script>

HTML

<table id="jquery-api-odd">
    <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>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, セレクター, 基本的フィルタ タグ: パーマリンク