En este artículo, seleccionaremos todos los elementos antecesores de un elemento en jQuery. Para seleccionar todos los elementos antecesores de un elemento, se utiliza el método parent(). Este método se utiliza para encontrar todos los elementos principales relacionados con el elemento seleccionado. Este método atraviesa todos los niveles hasta el elemento seleccionado y devuelve todos los elementos.
Sintaxis:
$(selector).parents()
Ejemplo:
HTML
<!DOCTYpe html>
<html>
<head>
<title>
How to select all ancestor elements
of an element in jQuery?
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
.gfg {
border: 2px solid green;
}
</style>
<script>
$(document).ready(function () {
$("li").parents().addClass("gfg");
});
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
How to select all 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:
