filter( function( index ) )

jQuery API の filter( function( index ) ) は、マッチした要素を、function関数で絞り込むメソッド。その際、インデックス番号を引数として引き渡すことができる。

記述方法

jQuery( セレクター ) . filter( function( インデックス番号 ) {
    return 条件;
} );

「セレクター」にマッチした要素を、「条件」で絞り込む。その際、「インデックス番号」を引数として引き渡すことができる。

実装例(サンプル)

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

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

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {
    jQuery( '#jquery-api-filter td' )
        . filter( function( index ) {
            return index % 2 == 0;
        } )
        . css( {
            backgroundColor: 'yellow',
            color: 'red',
        } );
} );
// -->
</script>

HTML

<table id="jquery-api-filter">
    <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, トラバース, フィルタリング タグ: パーマリンク