¿Cómo mostrar una palabra en particular en negrita usando jquery?

Question

Cómo mostrar una palabra en particular en negrita usando jquery.

function OnSuccess(response) { 
      var user = $('#username').val(); 
      if (response.d == 1) { 


       $('#result').text(user + ' already Exists'); 
       $('#Button1').attr('disabled', true); 

      } else { 
       $('#result').text('Username '+user +' Ok'); 
       $('#Button1').attr('disabled', false); 
      } 


     } 

Aquí quiero hacer el nombre de usuario (usuario) a ser audaz, resto de la oración debe ser normal.Is es posible mediante el uso de jQuery?

Answer 1

Uso html en lugar de text

function OnSuccess(response) { 
    var user = $('#username').val(); 
    if (response.d == 1) { 
     $('#result').html('<b>' + user + '</b> already Exists'); 
     $('#Button1').attr('disabled', true); 
    } else { 
     $('#result').html('Username <b>' + user + '</b> Ok'); 
     $('#Button1').attr('disabled', false); 
    } 
} 

Answer 2

Probar:

 

$('#result').html('<strong>'+user+'</strong>' + ' already Exists'); 
 

Answer 3

function OnSuccess(response) { 
      var user = $('#username').val(); 
      if (response.d == 1) { 


       $('#result').html('<strong>' + user + '</strong> already Exists'); 
       $('#Button1').attr('disabled', true); 

      } else { 
       $('#result').html('Username <strong>'+user +'</strong> Ok'); 
       $('#Button1').attr('disabled', false); 
      } 


     } 

esto debería hacerlo.

Answer 4

Es posible cambiando .text() a .html() y pasando un trozo válida de html, por ejemplo .:

$('#result').html('<strong>' + user + '</strong> already Exists'); 

Answer 5

$('#resut').html("Hello " + "<span class='bold'>" + user +"</span>"); 

Answer 6

Se puede utilizar para establecer el .css() attribut font-weight en negrita. Ejemplo: $('#mytext').css('font-weight', 'bold')

Answer 7

I peronally prefiero usar una propia etiqueta span para resaltar el nombre de usuario.

function OnSuccess(response) { 
      var user = $('#username').val(); 
      if (response.d == 1) { 


       $('#result').html('<span id="user">' + user + '</span> already Exists'); 
       $('#Button1').attr('disabled', true); 

      } else { 
       $('#result').html('Username <span id="user">'+user +'</span> Ok'); 
       $('#Button1').attr('disabled', false); 
      } 

      $('#user').css('font-weight', 'bold'); 

     }