Métodos de desplazamiento <jQuery
Ejemplo
Devolver todos los elementos antecesores de <span> :
$(document).ready(function(){
$("span").parents().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 parents() método devuelve todos los elementos antecesores del elemento seleccionado.
Un antepasado es un padre, abuelo, bisabuelo, y así sucesivamente.
El árbol DOM: Este método recorrer hacia arriba desde el elemento padre a lo largo de los antepasados de los elementos DOM, todo el camino hasta el elemento raíz del documento (<html>) .
Nota: Si el parámetro de filtro está vacío, esta función seleccionará todos los ancestros de un conjunto de elementos, desde la matriz directa y todo el camino hasta <body> y <html> . Por tanto, es a menudo útil para pasar una expresión del selector de reducir el resultado de la búsqueda.
Este método es similar al closest() , en que ambos atraviesan el árbol DOM. Las diferencias son las siguientes:
parents()
- Comienza con el elemento padre
- Viaja por el árbol DOM y devuelve todos los antepasados que coincide con la expresión pasada
- El objeto jQuery devuelto contiene cero o más de un elemento
closest()
- Comienza con el elemento actual
- Viaja por el árbol DOM y devuelve el primer antepasado que coincide con la expresión pasada
- El objeto jQuery devuelta contiene cero o un elemento
Otros métodos relacionados:
- parent() - devuelve el elemento de matriz directa del elemento seleccionado
- parentsUntil() - devuelve todos los elementos antecesores entre dos argumentos dados
Sintaxis
$(selector).parents( filter )| Parámetro | Descripción |
|---|---|
| class =filtro"notranslate" | Opcional. Especifica una expresión de selección para restringir la búsqueda de antepasados Nota: Para devolver varios antepasados, separe cada expresión con una coma. |
Inténtelo usted mismo - Ejemplos
Limitar la búsqueda
Cómo utilizar el parámetro de filtro para devolver todos los antepasados de <span> que son <ul> elementos.
Devolver múltiples ancestros
Cómo utilizar el parámetro de filtro para devolver todos los antepasados de <span> que son <li> y <div> elementos.
Mostrar los ancestros de un elemento de nombres de etiqueta
Una demostración que demuestra que los antepasados de un <span> elemento realmente son.