English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQueryのfilter()メソッド

jQueryはフィルタリングに使用できます。/特定の要素を一連の要素から検索します。

jQueryのfilter()メソッド

jQuery filter()このメソッドは、特定の条件に一致する要素を返します。

このメソッドは、選択された条件に一致しないすべての要素をフィルタリングし、一致する要素を返します。

テーブルをフィルタリング

以下の例では、テーブル内の項目に対して大文字と小文字を区別しない検索を実行します:

入力フィールドに内容を入力して、テーブル内で名前、都市または電話を検索してください:


名前電話
Seagullニューデリー999945850
Espyイミダゾール8425896528
Muditジャイプル9858621233
Ankitムンバイ9560478555
Nancyニューデリー9210154545
コードを実行

例説明:

  • filter()入力フィールドの値と一致するテキスト値があるかどうかを確認するメソッド

  • toggle()検索に一致しない行を非表示にするメソッド

  • toLowerCase()テキストを小文字に変換する方法、これにより検索は大文字と小文字を区別しません

リストをフィルタリング

以下の例では、リスト内の項目に対して大文字と小文字を区別しない検索を実行します:

入力フィールドに内容を入力してリスト項目を検索してください:


  • ロンドン

  • ニューデリー

  • 北京

  • ムンバイ

  • バンガロール

コードを実行

他の要素をフィルタリング

以下の例では、DIV要素内で大文字と小文字を区別しない検索を実行します:

入力フィールドに内容を入力してください:


これは第一段落です。

これは第二段落です。

これはDIV要素です。

これは最後の段落です。

コードを実行