Jak wyświetlać konkretne słowo pogrubione za pomocą jquery?

Question

Jak wyświetlić konkretne słowo pogrubione za pomocą 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); 
      } 


     } 

Tutaj chcę, aby nazwa użytkownika (user) jest pogrubiony, reszta zdania muszą być normal.Is to możliwe dzięki użyciu jquery?

Answer 1

Zastosowanie html zamiast 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

Spróbuj:

 

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


     } 

to powinno wystarczyć.

Answer 4

Jest to możliwe poprzez zmianę .text() do .html() i przechodzącej ważny fragment HTML, np .:

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

Answer 5

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

Answer 6

Można użyć .css() ustawić Attribut font-weight do pogrubione. Przykład: $('#mytext').css('font-weight', 'bold')

Answer 7

Zawsze wolę używać własnego znacznika zakresu, aby podświetlić nazwę użytkownika.

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

     }