Mit der Methode closest(Selektor) wandert man im Dom Baum erst auf das Element und dann noch oben zu einem Vorfahren. Der Vorfahre auf den der Selektor passt, wird angesprochen.
Die Methode closest() ist so programmiert, dass sie die Suche nicht erst beim Elternteil beginnt, sondern bei sich selbst. Man kann es sich wie eine Prüfung in zwei Schritten vorstellen:
Schritt 1: Entspricht das aktuelle Element (e.target) selbst dem Selektor? Wenn ja, ist die Suche beendet und dieses Element wird zurückgegeben.
Schritt 2: Wenn nein, wandere eine Ebene nach oben zum parentElement und prüfe dort. Wiederhole das, bis ein Treffer erzielt wird oder das Dokument zu Ende ist.
Das ist extrem praktisch, denn egal ob du auf ein Icon im Button, den Text im Button oder den Rand des Buttons klickst: closest(".edit-btn") liefert dir in jedem Fall das Button-Element zurück.
| Name | Id | Button |
|---|---|---|
| Max Mustermann | ||
| Walter Hirsch | ||
| Friedel Wurstbrot |