Exemplu
Readuceți elementul părinte direct al <span> :
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px
solid red"});
});
Rezultat:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Încearcă - l singur » Definiție și utilizare
parent() metoda returneaza elementul parinte direct al elementului selectat.
Arborele DOM: Această metodă traversează doar un singur nivel în sus copac DOM. Pentru a parcurge tot drumul până la elementul rădăcină al documentului (pentru a reveni bunici sau alți strămoși), utilizați parents() sau parentsUntil() metoda.
Sfat: Pentru a traversa un singur nivel în jos copac DOM, sau tot drumul până la ultimul descendent (to return children or other descendants) se children() find() (to return children or other descendants) , utilizați children() sau find() metodă.
Sintaxă
$( Parametru Descriere filter Opțional. Specifică o expresie de selectare pentru a restrânge căutarea de bază
Încearcă-l singur - Exemple
Returnarea mamă directă a fiecărui <span> element de
Cum să se întoarcă părintele direct al fiecărui <span> Element.
Restrângeți căutarea
Cum se utilizează parametrul filtru pentru a reveni părintelui <li> elementul cu numele clasei "first" din fiecare <span> .
Readuceți - mamă directă <p> <div> element al fiecărui <p> Element
Cum să se întoarcă toate mamă directă <div> element al fiecărui <p> Element.
Arată elementele strămoș ale unui element cu nume de etichete
O demonstrație care arată cine strămoșii unui <span> element de fapt , sunt.