Métodos de desplazamiento <jQuery
Ejemplo
Devolver el elemento de matriz directa 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
Inténtalo tú mismo " Definición y Uso
El parent() método devuelve el elemento de matriz directa del elemento seleccionado.
El árbol DOM: Este método sólo atravesar un solo nivel en el árbol DOM. Para recorrer todo el camino hasta el elemento raíz del documento (para volver abuelos u otros ancestros), utilice los parents() o la parentsUntil () método.
Consejo: para atravesar un solo nivel hacia abajo el árbol DOM, o todo el camino hasta el último descendiente (para volver hijos u otros descendientes), utilice los children() o find() método.
Sintaxis
$(selector).parent( filter )| Parámetro | Descripción |
|---|---|
| filter | Opcional. Especifica una expresión selector para delimitar la búsqueda de los padres |
Inténtelo usted mismo - Ejemplos
Devolver la matriz directa de cada <span> elemento
¿Cómo devolver la matriz directa de cada <span> elemento.
Limitar la búsqueda
Cómo utilizar el parámetro de filtro para devolver la matriz <li> elemento con el nombre de la clase "first" de cada <span> .
Devolver la matriz directa <div> elemento de cada <p> elemento
Cómo devolver toda la matriz directa <div> elemento de cada <p> elemento.
Mostrar los elementos antecesores de un elemento de nombres de etiqueta
Una demostración que demuestra que los antepasados de un <span> elemento realmente son.