¿Cómo seleccionar todos los ancestros de un elemento en jQuery?

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:

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *