jqueryを使用して特定の単語を太字で表示する方法は？

Question

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


     } 

ここで私は、ユーザ名（ユーザ）が大胆なことをしたい、文の残りの部分はjqueryのを使用することによって、それが可能normal.Isでなければなりませんか？

Answer 1

利用html代わりの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

試してみてください。

 

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


     } 

、これはそれを行う必要があります。

Answer 4

それは例えば、.html()に.text()を変更すると、HTMLの有効なチャンクを渡すことも可能です。：

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

Answer 5

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

Answer 6

あなたは大胆にattributのフォントの太さを設定するために.css()を使用することができます。 例：$('#mytext').css('font-weight', 'bold')

Answer 7

私は自分のユーザー名を強調するために独自のスパンタグを使用することをお勧めします。

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

     }