Es un jQuery Selector que se usa para seleccionar cada elemento que es el único hijo de su padre , es decir, solo se selecciona un solo hijo.
Sintaxis:
$(":only-child")
Valor devuelto: Selecciona y devuelve el único elemento hijo de su padre.
Ejemplo 1:
<!DOCTYPE html> <html> <h1> <center> Geeks </center> </h1> <head> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> $(document).ready(function() { $("p:only-child").css( "background-color", "green"); }); </script> </head> <body> <div style="border:1px solid;"> <p>Geeks for Geeks</p> </div> <br> <div style="border:1px solid;"> <p>Geeks for Geeks</p> <p>jQuery:Only Child Selector</p> </div> <br> </body> </html>
Producción:
Ejemplo-2:
<!DOCTYPE html> <html> <h1> <center> Geeks </center> </h1> <head> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> $(document).ready(function() { $("p:only-child").css( "background-color", "green"); }); </script> </head> <body> <div style="border:1px solid;"> <p>Geeks for Geeks</p> </div> <br> <div style="border:1px solid;"> <p>Geeks for Geeks</p> </div> <br> <div style="border:1px solid;"> <p>Geeks for Geeks</p> </div> <br> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA