¿Cómo seleccionar el elemento principal directo de un elemento en jQuery?

En este artículo, seleccionaremos el elemento padre directo de un elemento usando jQuery. Para seleccionar el elemento padre directo, se usa el método parent(). Este método encuentra el elemento principal relacionado con el elemento seleccionado. Este método parent() recorre un solo nivel hacia arriba del elemento seleccionado y devuelve ese elemento.

Sintaxis:

$(selector).parent()

Ejemplo: 

HTML

<!DOCTYpe html>
<html>
  
<head>
    <title>
        How to select direct parent element
        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").parent().css({
                color: "white",
                background: "green"
            });
        });
    </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to select direct parent element
        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 *