Làm thế nào để hiển thị một từ cụ thể bằng chữ in đậm bằng cách sử dụng jquery?

Question

Cách hiển thị một từ cụ thể bằng chữ in đậm bằng cách sử dụng 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); 
      } 


     } 

Ở đây tôi muốn đặt tên người dùng (người dùng) thành đậm, phần còn lại của câu phải là bình thường. Có thể sử dụng jquery không?

Answer 1

Sử dụng html thay vì 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

Hãy thử:

 

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


     } 

này nên làm điều đó.

Answer 4

Có thể bằng cách thay đổi .text()-.html() và đi qua một đoạn hợp lệ html, ví dụ .:

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

Answer 5

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

Answer 6

Bạn có thể sử dụng .css() để thiết lập attribut font-weight để in đậm. Ví dụ: $('#mytext').css('font-weight', 'bold')

Answer 7

Tôi thích sử dụng thẻ span riêng để làm nổi bật tên người dùng.

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

     }