Question

我想更改html(username + ' is already exist. Please try another one');的字体颜色但我不知道如何改变这一点。

function check_availability(){  

    //get the username  
    var username = $('#username').val();  

    //use ajax to run the check  
    $.post("<?php echo base_url();?>loginFunction/checkUsername", { username: username },  
        function(result){  
            //if the result is 1  
            if(result == 1){  
                //show that the username is available  
                $('#username_availability_result').html(username + ' is Available');  
            }else{  
                //show that the username is NOT available  
                $('#username_availability_result').html(username + ' is already exist. Please try another one');  
            }  
    });

Answer 1

尝试使用css -

$('#username_availability_result')
.css('color', 'red')
.html(username + ' is already exist. Please try another one');

Answer 2

<script>
$('#username_availability_result').css("color","red");
<script>

Answer 3

您可以将其包含在span标记中。

function check_availability(){  

    //get the username  
    var username = $('#username').val();  

    //use ajax to run the check  
    $.post("<?php echo base_url();?>loginFunction/checkUsername", { username: username },  
        function(result){  
            //if the result is 1  
            if(result == 1){  
                //show that the username is available  
                $('#username_availability_result').html(username + ' is Available');  
            }else{  
                //show that the username is NOT available  
                $('#username_availability_result').html('<span style="color:#f00;">' + username + ' is already exist. Please try another one</span>');
            }  
    });
}

Answer 4

您还可以使用jQuery attr：

$('#username_availability_result').attr('style','color:red');
$('#username_availability_result').html(username + ' is already exist. Please try another one');

Answer 5

尝试这个

 function check_availability(){  

        //get the username  
        var username = $('#username').val();  

        //use ajax to run the check  
        $.post("<?php echo base_url();?>loginFunction/checkUsername", { username: username },  
            function(result){  
                //if the result is 1  
                if(result == 1){  
                    //show that the username is available  
                    $('#username_availability_result').html(username + ' is Available');  

    $('#username_availability_result').css({
      'color': 'black'
    });
                }else{  
                    //show that the username is NOT available  
                    $('#username_availability_result').html(username + ' is already exist. Please try another one');  

    $('#username_availability_result').css({
      'color': 'red'
    });
                }  
        });

如何在jquery中更改字体颜色

5 个答案: