En este artículo, seleccionaremos elementos ancestros específicos de un elemento en jQuery. Para seleccionar los elementos ancestros específicos de un elemento, usamos el método parent(). Este método se utiliza para encontrar los elementos principales relacionados con el elemento seleccionado. Este método parent() atraviesa todos los niveles hasta el elemento seleccionado y devuelve todos los elementos.
Sintaxis:
$(selector).parents()
Aquí el selector es el elemento seleccionado cuyos padres deben encontrar. Devuelve todos los padres del elemento seleccionado.
Ejemplo:
HTML
<!DOCTYpe html>
<html>
<head>
<title>
How to select specific ancestor
elements of an element in jQuery?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("li").parents("ul").css({
color: "green",
border: "2px solid green"
});
});
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
How to select specific ancestor
elements of an element in jQuery?
</h3>
<p>GeeksforGeeks Subjects List-</p>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
</ul>
</body>
</html>
Producción:
