método jQuery parentUntil()
❮ Métodos transversales de jQuery
Ejemplo
Devuelve 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
Definición y uso
El método parentUntil() devuelve todos los elementos ancestros entre el selector y stop .
Un antepasado es un padre, un abuelo, un bisabuelo, etc.
El árbol DOM: este método atraviesa hacia arriba desde el elemento principal a lo largo de los ancestros de los elementos DOM, hasta el elemento raíz del documento, hasta llegar a un elemento específico.
Nota: si ambos parámetros están vacíos, este método devolverá todos los elementos antepasados (igual que el método padres() ).
Métodos relacionados:
- parent() - devuelve el elemento padre directo del elemento seleccionado
- parent() - devuelve todos los elementos antecesores del elemento seleccionado
- más cercano () - devuelve el primer antepasado del elemento seleccionado
Sintaxis
$(selector).parentsUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
Pruébelo usted mismo - Ejemplos
Cómo usar ambos parámetros para filtrar la búsqueda de un elemento específico entre <span> y <div>.
Cómo devolver varios antepasados entre <span> y <body>.
Devuelve todos los ancestros entre <span> y <div> usando un elemento DOM.
Uso de un elemento DOM para reducir la búsqueda de antecesores de elementos <ul> entre <span> y <div>.
❮ Métodos transversales de jQuery