Métodos de desplazamiento <jQuery
Ejemplo
Devolver todos los elementos antecesores entre <span> y <div> :
$(document).ready(function(){
$("span").parentsUntil("div").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 parentsUntil() método devuelve todos los elementos antecesores entre el selector y parada.
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, hasta que llega a un elemento específico.
Nota: Si ambos parámetros están vacías, este método devolverá todos los elementos antecesores (igual que los parents() método).
métodos relacionados:
- parent() - devuelve el elemento de matriz directa del elemento seleccionado
- parents() - devuelve todos los elementos antecesores del elemento seleccionado
- closest() - devuelve el primer antepasado del elemento seleccionado
Sintaxis
$(selector).parentsUntil( stop,filter )| Parámetro | Descripción |
|---|---|
| stop | Opcional. Un selector de expresión, elemento u objeto jQuery que indica dónde parar la búsqueda de la búsqueda de elementos antecesores |
| filter | Opcional. Especifica una expresión de selección para restringir la búsqueda de antepasados entre el selector y parada Nota: Para devolver varios antepasados, separe cada expresión con una coma. |
Inténtelo usted mismo - Ejemplos
Limitar la búsqueda
Cómo utilizar ambos parámetros para filtrar la búsqueda de un elemento específico entre <span> y <div> .
Devolver múltiples ancestros
Cómo devolver varios antepasados entre <span> y <body> .
DOM
Devolver todos los antepasados entre <span> y <div> utilizando un elemento DOM.
El uso de un elemento DOM y una expresión de selección para filtrar la búsqueda
El uso de un elemento de DOM para delimitar la búsqueda de los antepasados <ul> elementos entre <span> y <div> .