En este artículo, aprenderemos a agregar una clase al último elemento del párrafo usando jQuery. Para agregar una clase al último elemento del párrafo, usamos los métodos last() y addClass() . La función jQuery last() es una función incorporada que se usa para encontrar el último elemento de los elementos especificados.
Sintaxis:
$(selector).last()
El método addClass() se usa para agregar más clases y sus respectivas propiedades a cada elemento seleccionado. También se puede utilizar para cambiar la propiedad del elemento seleccionado. Aquí, el nombre de la clase se puede usar directamente con el elemento que se va a seleccionar.
Sintaxis:
$(selector).addClass(className);
Ejemplo:
HTML
<!DOCTYPE html> <html lang="en"> <head> <style> .GFG { color: green; font-size: 24px; font-weight: bold; } </style> <!-- Import jQuery cdn library --> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> $(document).ready(function () { $("button").click(function () { $("p").last().addClass("GFG"); }); }); </script> </head> <body style="text-align: center;"> <h1 style="color: green;"> GeeksforGeeks </h1> <h3> How to add a class to the last paragraph element using jQuery? </h3> <p>GeeksforGeeks computer science portal</p> <button>Click Here!</button> </body> </html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón: