jQuery find() Methode
Beispiel
Gibt alle <span>-Elemente zurück, die Nachkommen von <ul> sind:
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
Ergebnis:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definition und Verwendung
Die Methode find() gibt untergeordnete Elemente des ausgewählten Elements zurück.
Ein Nachkomme ist ein Kind, Enkel, Urenkel usw.
Der DOM-Baum: Diese Methode durchläuft die Abkömmlinge von DOM-Elementen nach unten bis zum letzten Abkömmling. Um nur eine Ebene nach unten im DOM-Baum zu durchlaufen (um direkte untergeordnete Elemente zurückzugeben), verwenden Sie die children()- Methode.
Hinweis: Der filter- Parameter ist für die find()-Methode erforderlich, im Gegensatz zu den anderen Baumdurchlaufmethoden.
Tipp: Um alle untergeordneten Elemente zurückzugeben, verwenden Sie den Selektor „*“.
Syntax
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Probieren Sie es selbst aus - Beispiele
zurückgeben Verwenden Sie den „*“-Selektor, um alle Elemente zurückzugeben, die untergeordnete Elemente von <html> sind.
So geben Sie alle <span>-Elemente zurück, die Nachkommen eines <ul>-Elements sind.
aus. So geben Sie Nachkommenelemente mit dem Klassennamen "first" zurück.
zurückgeben So geben Sie mehrere Nachkommen-Elemente zurück.
So geben Sie alle <span>-Elemente zurück, die Nachkommen eines <ul>-Elements mit einem jQuery-Objekt sind.
Eine Demonstration, die zeigt, wer die Nachkommen eines <div>-Elements tatsächlich sind.