如何使用jquery以粗体显示特定单词？

问题描述：

如何使用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？

#result指向哪个标签？ – mindandmedia 2012-02-29 09:55:21

答

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

而不是$（'＃Button1'）。attr（'disabled'，false）;我会使用removeAttr（'disabled'）。但我想这是一个偏好问题。 – MrBoJangles 2012-02-29 15:24:32

答

尝试：

 

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

答

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


     }

这应该这样做。

答

它是通过改变.text()到.html()并通过HTML的有效块可能，例如：

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

答

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

答

您可以使用.css()到attribut字体重量设置为粗体。例如：$('#mytext').css('font-weight', 'bold')

答

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

     }

如何使用jquery以粗体显示特定单词？

相关推荐