Es un jQuery Selector usado para seleccionar cada elemento que es el último hijo de su padre .
Sintaxis:
$(":last-child")
Valor devuelto: Selecciona y devuelve el último 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:last-child").css( "background-color", "green"); }); </script> </head> <body> <div> <p>Geeks for Geeks</p> <p>jQuery</p> <p>Last Child Selector</p> </div> </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:last-child").css( "background-color", "green"); }); </script> </head> <body> <div style="border:1px solid;"> <p>Geeks for Geeks</p> <p>jQuery</p> </div> <br> <div style="border:1px solid;"> <p>Geeks for Geeks</p> <p>jQuery</p> <p>Last Child Selector</p> </div> <p>jQuery:Last Child Selector</p> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome 90.0+
- Internet Explorer 9.0
- Firefox 3.6
- Safari 4.0
- Ópera 10.5
Publicación traducida automáticamente
Artículo escrito por riarawal99 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA