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: