En este artículo, pondremos en negrita la primera palabra de todos los elementos usando jquery. Para poner la primera palabra en negrita, usamos los métodos html() y text().
Método html(): El método html() en jQuery se usa para establecer o devolver el contenido HTML interno del elemento seleccionado.
Sintaxis: Establece el contenido del elemento coincidente.
$(selector).html(content)
Método text(): este método se utiliza para establecer o devolver el contenido de texto del elemento. Mientras establece el contenido, sobrescribe el contenido de todos los elementos coincidentes. El contenido devuelto del método de texto() se utiliza para devolver el contenido de texto de todos los elementos coincidentes.
Sintaxis: Establece el contenido del texto.
$(selector).text(content)
Ejemplo:
HTML
<!DOCTYPE html> <html lang="en"> <head> <title> How to make first word bold of all elements using jQuery? </title> <!-- Import jQuery cdn library --> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> $(document).ready(function () { $("p").each(function () { var txt = $(this); txt.html(txt.text() .replace(/(^w+)/, '<strong>$1</strong>')); }); }); </script> </head> <body style="text-align: center;"> <h1 style="color: green;"> GeeksforGeeks </h1> <h3> How to make first word bold of all elements using jQuery? </h3> <p>GFG is a computer science portal</p> <p>Computer Science Portal</p> </body> </html>
Producción: