Metoda jQuery nejblíže() .
Příklad
Vraťte prvního předka <span>, což je prvek <ul>:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});
Výsledek:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor - first grandparent) - li (direct parent) span
Definice a použití
Metoda closest() vrací prvního předka vybraného prvku.
Předek je rodič, prarodič, praprarodič a tak dále.
Strom DOM: Tato metoda prochází směrem nahoru od aktuálního prvku až ke kořenovému prvku dokumentu (<html>), aby nalezla prvního předka prvků DOM.
Tato metoda je podobná metodě parent() v tom, že obě procházejí stromem DOM. Rozdíly jsou následující:
nejbližší()
- Začíná aktuálním prvkem
- Projde stromem DOM nahoru a vrátí prvního (jediného) předka, který odpovídá zadanému výrazu
- Vrácený objekt jQuery obsahuje žádný nebo jeden prvek
rodiče()
- Začíná nadřazeným prvkem
- Projde stromem DOM nahoru a vrátí všechny předky, které odpovídají zadanému výrazu
- Vrácený objekt jQuery obsahuje nula nebo více než jeden prvek
Další související metody:
- parent() - vrátí přímý nadřazený prvek vybraného prvku
- parentUntil() - vrátí všechny prvky předka mezi dvěma danými argumenty
Syntax
Vraťte prvního předka vybraného prvku:
$(selector).closest(filter)
Vraťte prvního předka pomocí kontextu DOM k vyhledání stromu DOM v:
$(selector).closest(filter,context)
| Parameter | Description |
|---|---|
| filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
| context | Optional. A DOM element within which a matching element may be found |
Zkuste si to sami - příklady
Protože tato metoda začíná aktuálním prvkem, hledání prvního prvku <span> prvku <span> vrátí hodnotu <span>.
Použití obou parametrů k předání prvku DOM jako kontextu, ve kterém se má hledat první prvek <ul>.