2012-02-29 54 views
6

如何使用jquery以粗體顯示特定單詞。如何使用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); 
      } 


     } 

在這裏,我想使用戶名(用戶)要大膽,句子的其餘部分必須是normal.Is可以通過使用jQuery?

+1

#result指向哪個標籤? – mindandmedia 2012-02-29 09:55:21

回答

2

使用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); 
    } 
} 
+0

而不是$('#Button1')。attr('disabled',false);我會使用removeAttr('disabled')。但我想這是一個偏好問題。 – MrBoJangles 2012-02-29 15:24:32

2

嘗試:

 

$('#result').html('<strong>'+user+'</strong>' + ' already Exists'); 
 
1
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); 
      } 


     } 

這應該這樣做。

2

它是通過改變.text().html()並通過HTML的有效塊可能,例如:

$('#result').html('<strong>' + user + '</strong> already Exists'); 
1
$('#resut').html("Hello " + "<span class='bold'>" + user +"</span>"); 
2

您可以使用.css()到attribut字體重量設置爲粗體。 例如:$('#mytext').css('font-weight', 'bold')

3

我的peronally更喜歡使用自己的span-tag來突出顯示用戶名。

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

     } 
相關問題