¿Cómo poner en negrita la primera palabra de todos los elementos usando jQuery?

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:

Publicación traducida automáticamente

Artículo escrito por vkash8574 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *