Método jQuery padre()
❮ Métodos transversales de jQuery
Ejemplo
Devuelve el elemento padre directo de <span>:
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
Resultado:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definición y uso
El método parent() devuelve el elemento principal directo del elemento seleccionado.
El árbol DOM: este método solo atraviesa un solo nivel hacia arriba en el árbol DOM. Para recorrer todo el camino hasta el elemento raíz del documento (para devolver abuelos u otros ancestros), use el método parent( ) o parentUntil() .
Sugerencia: para recorrer un solo nivel hacia abajo en el árbol DOM, o hasta el último descendiente (para devolver hijos u otros descendientes), use el método children() o find() .
Sintaxis
$(selector).parent(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the parent search |
Pruébelo usted mismo - Ejemplos
Cómo devolver el padre directo de cada elemento <span>.
Cómo usar el parámetro de filtro para devolver el elemento principal <li> con el nombre de clase "primero" de cada <span>.
Cómo devolver todo el elemento <div> padre directo de cada elemento <p>.
Una demostración que muestra quiénes son realmente los ancestros de un elemento <span>.
❮ Métodos transversales de jQuery