Heim >Web-Frontend >js-Tutorial >Ausführliche Erläuterung von Anwendungsbeispielen für find()- und filter()-Operationen in jQuery

Ausführliche Erläuterung von Anwendungsbeispielen für find()- und filter()-Operationen in jQuery

伊谢尔伦
伊谢尔伦Original
2017-07-19 14:10:062672Durchsuche

find(expr|obj|ele)

Offizielle Erklärung:

Rückgabewert: jQuery

Übersicht

Suche nach allen Elementen, die einem angegebenen Ausdruck entsprechen. Diese Funktion ist eine großartige Möglichkeit, die Nachkommenelemente des verarbeiteten Elements herauszufinden.

Alle Suchvorgänge basieren auf jQuery-Ausdrücken. Dieser Ausdruck kann mit der CSS1-3-Selektorsyntax geschrieben werden.

Parameter

expr String
Ausdruck zum Finden
jQuery-Objektobjekt
Einer für übereinstimmende Elemente eines jQuery-Objekts
element DOMElement
Ein DOM-Element

Beispiel

Beschreibung:

Beginnen Sie mit allen Absätzen und suchen Sie weiter unten nach span-Elementen. Identisch mit $("p span").

HTML-Code:

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

jQuery-Code:


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

Ergebnis:

[ 45a2772a6b6107b401db3c9b82c049c2Hallo54bdf357c58b8a65c66d7c19c8e4d114 ]

filter(expr|obj|ele|fn )

Offizielle Erklärung:

Übersicht

Elemente herausfiltern, die mit der angegebenen Ausdruckssammlung übereinstimmen .

Diese Methode wird verwendet, um den Übereinstimmungsbereich einzugrenzen. Trennen Sie mehrere Ausdrücke durch Kommas.

Parameter

expr String
String-Wert, der Selektoren für die Übereinstimmung mit dem aktuellen Satz von Elementausdrücken enthält.
jQuery-Objektobjekt
Ein vorhandenes jQuery-Objekt, das mit dem aktuellen Element übereinstimmt.
Elementausdruck
Ein DOM-Element, das zum Abgleichen von Elementen verwendet wird.
Funktion(Index) Funktion
Eine Funktion wird als Sammlung von Testelementen verwendet. Es akzeptiert einen Parameterindex, der der Index des Elements in der jQuery-Sammlung ist. In Funktionen bezieht sich dies auf das aktuelle DOM-Element.

Beispiel

Beschreibung des Parameterselektors:

Reservieren mit ausgewähltem Klassenelement

HTML-Code:


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

jQuery-Code:


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

Ergebnis:

[ 27ec8ff0d0eb2aeaabbd785252528076And Again

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Anwendungsbeispielen für find()- und filter()-Operationen in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn