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？

Answer 1

我个人更喜欢使用自己的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');

        }

Answer 2

尝试：


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

Answer 3

使用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 4

可以将.text()更改为.html()并传递有效的html块，例如：

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

Answer 5

您可以使用.css()将属性font-weight设置为粗体。示例：$('#mytext').css('font-weight', 'bold')

Answer 6

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 7

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

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

7 个答案: