jQueryのfind()とfilter()操作の使用例を詳しく解説

find(expr|obj|ele)

公式説明:

戻り値:jQuery

概要

指定された式に一致するすべての要素を検索します。この関数は、処理中の要素の子孫要素を見つけるための優れた方法です。

すべての検索は jQuery 式に依存します。この式は、CSS1-3 セレクター構文を使用して記述できます。

パラメータ

文字列
検索するための式
jQueryオブジェクトobject
要素を一致させるためのjQueryオブジェクト
要素DOMElement
DOM要素

例

説明:

スタートすべての段落から検索し、以下のspan要素をさらに検索します。 $("p スパン") と同じです。

HTML コード:

<p><span>Hello</span>, how are you?</p>

jQuery コード:

$("p").find("span")

結果:

[ 45a2772a6b6107b401db3c9b82c049c2Hello54bdf357c58b8a65c66d7c19c8e4d114 ]

filter(expr|obj|ele |fn)

公式説明:

概要

指定された式に一致する要素のセットをフィルターで除外します。

このメソッドは、マッチング範囲を狭めるために使用されます。複数の式はカンマで区切ります

Parameters

expr String
String 値。現在の要素セットと一致させるためのセレクター式が含まれます。
jQuery オブジェクト object
現在の要素と一致する既存の jQuery オブジェクト。
要素式
要素を一致させるために使用される DOM 要素。
function(index) 関数
関数はテスト要素の集合として使用されます。これは、jQuery コレクション内の要素のインデックスであるパラメーター インデックスを受け入れます。関数では、これは現在の DOM 要素を指します。

例

パラメータセレクターの説明:

選択クラスで要素を保持

HTMLコード:

<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>

jQueryコード:

$("p").filter(".selected")

結果:

[ 27ec8ff0d0eb2aeaabbd785252528076そしてまた94b3e26ee717c64999d7867364b1b4a3 ]

以上がjQueryのfind()とfilter()操作の使用例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。