TOC

jQuery filter（）の例

jQuery filter（）の例

jQueryフィルター関数は、一致したセレクターまたは関数のテストを使用して、一致した要素のセットから要素を抽出する便利な機能です。

1. フィルター（セレクター）

一致した要素のセットで、filter（）セレクターのみに一致する要素を取得します。

例えば、 

$("div").filter("#div1").css('background-color', 'blue');

すべてのdiv要素に一致し、「div1」のidを含むdiv要素を選択し、要素の背景色を青に変更します。

2. フィルター（関数）

一致した要素のセットで、関数のテストに合格した要素を取得します。 この関数は、一致する要素のインデックスを表すインデックスパラメーターを内部で渡します。カウントは0から始まります。

例えば、 

$('div').filter(function(index) {
    if(index==2 || index==3){ //0 index based
        return true;
    }
}).css('background-color', 'blue');

すべてのdiv要素に一致し、third（2）およびthird（2）div要素のみを選択する関数でフィルターします。 

$('div').filter(function(index) {
    return $("b", this).length == 1;
}).css('background-color', 'blue');

すべてのdiv要素に一致し、タグを含むdiv要素を選択する関数でフィルターします。

jQuery filter（）の例 



jQuery filter example








jQuery filter example







    This is div 1 with 'b' tag




    This is div 2




    This is div 3 with 'b' tag




    This is div 4

デモを試す

Related