filter

UK[ˈfɪltə(r)] US[ˈfɪltɚ]

n. フィルター; ライト フィルター; カラー フィルター; [化] フィルター

vi.フィルター; 浸透; 浸透

vt.フィルター; フィルターアウト

jquery filter() メソッド 構文

関数: filter() メソッドは、一致する要素のセットを、指定されたセレクターに一致する要素に絞り込みます。

構文: .filter(selector)

パラメータ:

ParameterDescription
selector 現在の要素セットと一致させるためのセレクター式を含む文字列値。

説明: DOM 要素のコレクションを表す jQuery オブジェクトが指定された場合、.filter() メソッドはサブセットを使用して新しいオブジェクトを構築します。一致する要素のjQueryオブジェクト。使用されるセレクターは各要素をテストします。セレクターに一致するすべての要素が結果に含まれます。

jquery filter() メソッド 例

<!DOCTYPE html>
<html>
<head>
  <style>
  div { width:60px; height:60px;
        margin:5px; float:left;
        border:2px white solid; }
  </style>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div></div>

  <div class="middle"></div>
  <div class="middle"></div>
  <div class="middle"></div>
  <div class="middle"></div>

  <div></div>

<script>
  $("div").css("background", "#c8ebcc")
    .filter(".middle")
    .css("border-color", "red");
</script>

</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します