parentUntil () es un método incorporado en jQuery que se usa para encontrar todos los elementos antecesores entre dos elementos dados en un árbol DOM. El Modelo de objetos de documento (DOM) es un estándar del Consorcio World Wide Web. Esto define para acceder a elementos en el árbol DOM.
Sintaxis:
$(selector1).parentsUntil(selector2)
Parámetros: Acepta un parámetro “selector2” que es el último padre marcado del elemento seleccionado en el árbol.
Valor devuelto: Devuelve todos los elementos ancestros entre dos elementos dados.
código jQuery para mostrar el funcionamiento del método parentUntil():
<html>
<head>
<style>
.anc * {
display: block;
border: 2px solid lightgrey;
color: black;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("span").parentsUntil("div").css({
"color": "black",
"border": "2px solid green"
});
});
</script>
</head>
<body class="anc">
This is great-great-grandparent !
<div style="width:400px;">
This is great-grandfather element !
<ul>
This is grandparent !
<li>This is direct parent element !
<span>This is child element</span>
</li>
</ul>
</div>
</body>
</html>
En el código anterior, todos los elementos ancestros entre «span» y «div» se resaltan en color verde.
Producción:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA