Come visualizzare una parola particolare in grassetto usando jquery?

Question

Come visualizzare una parola particolare in grassetto 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); 
      } 


     } 

qui voglio fare il nome utente (utente) di essere audaci, resto della frase deve essere normal.Is è possibile utilizzando jQuery?

Answer 1

Uso html invece di 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

Prova:

 

$('#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); 
      } 


     } 

questo dovrebbe farlo.

Answer 4

È possibile modificando .text() a .html() e passando un pezzo valido html, es .:

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

Answer 5

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

Answer 6

È possibile utilizzare .css() per impostare l'attribut font-weight grassetto. Esempio: $('#mytext').css('font-weight', 'bold')

Answer 7

Perone preferisco utilizzare un proprio span-tag per evidenziare il nome utente.

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'); 

     }