JQuery Holen Sie sich übergeordnetes Element mit einer bestimmten Klasse

Schnell JQuery Snippet, um übergeordnete Elemente mit einer bestimmten Klasse zu erhalten.

<span>var container = $(this).parents('.item');</span>

häufig gestellte Fragen (FAQs) zu JQuery übergeordnetem Element mit spezifischer Klasse

Wie kann ich ein übergeordnetes Element mit einer bestimmten Klasse in JQuery auswählen? Wenn Sie beispielsweise das übergeordnete Element mit der Klasse „Elternklasse“ eines Elements mit der Klasse „Child-Class“ auswählen möchten, können Sie den folgenden Code verwenden:

$ ('. Child-Klasse'). Eltern ('. Elternklasse')
Dies gibt das erste übergeordnete Element mit der Klassenklasse zurück. und .Parents () in jQuery? Wenn ein Selektor bereitgestellt wird, wird nur die Vorfahren abgerufen, die mit diesem Selektor übereinstimmen. Im Gegensatz zu .Parents (), die den Dom Tree durchquert und alle Vorfahren zurückgibt, die dem Selektor entsprechen, stoppt .CLOSEST () beim ersten Spiel, das es findet. Hier ist ein Beispiel:

$ ('. Kinderklasse'). Nächst ('. Parent-Class'); Um dem übergeordneten Element beispielsweise eine Klasse hinzuzufügen, können Sie den folgenden Code verwenden:

$ ('. Child-Class'). Eltern ('. Elternklasse'). Trennen Sie jede Klasse mit einem Komma. Hier ist ein Beispiel:

$ ('. Kinderklasse'). Eltern ('. Elternklasse1, .Parent-Class2');

Was ist, wenn das übergeordnete Element mit der bestimmten Klasse nicht existiert? Sie können überprüfen, ob der übergeordnete über die Eigenschaft .length existiert. Wenn .Length zurückgibt 0, bedeutet dies, dass der Elternteil nicht existiert.

Kann ich .Parents () mit anderen JQuery -Traversal -Methoden verwenden?

Um die Klasse eines übergeordneten Elements zu erhalten, können Sie die .Attr () -Methode mit dem Attribut "Klasse" verwenden, nachdem Sie das übergeordnete Element ausgewählt haben. Hier ist ein Beispiel:

var parentClass = $ ('. Child-Class'). Parent (). Attr ('Klasse'); Um beispielsweise alle Div-Eltern eines Elements auszuwählen, können Sie $ ('. Child-Class'). Eltern ('Div') verwenden;

Wie kann ich das unmittelbare übergeordnete Element mit einer bestimmten Klasse in jQuery? Wenn der unmittelbare Elternteil nicht die angegebene Klasse hat, gibt er ein leeres JQuery -Objekt zurück. Hier ist ein Beispiel:

$ ('. Kinderklasse'). Parent ('. Parent-Class');

Das obige ist der detaillierte Inhalt vonJQuery Holen Sie sich übergeordnetes Element mit einer bestimmten Klasse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!