使用 Jquery 更改类类型

Question

我正在使用此代码从 startup.php 中获取数据。PHP 文件的响应是带有 3 个字段的 JSON。 JSON 响应中的字段之一是状态消息。如何根据状态消息更改 div class .content 的值。我需要这样做以根据状态消息更改内容 DIV 中显示的文本的颜色。 .content 是 DIV 的类名

var loadinggif = '../img/loading.gif';
$(document).ready(function(){  
    // set up the click event
        $('body').on('click','.btnbg', function() {
                var toLoad = '../vr/startup.php';
                $('.content').empty();
                $('.content').slideUp('slow', loadContent);
                $('#load').remove();
                $('#waiting').append('<div id="load"><img src="' + loadinggif + '" alt="Loading" /></div>');
                $('#load').fadeIn('normal');
                function loadContent() {

                    var userName = $('#userName').val();                    
                    var remote_addr = $('#remote_addr').val(); 
                    var forwarded_for = $('#forwarded_for').val();
                    var url = $('#url').val();
                    //$('#forwarded_for1').val()'';
  var _post = {'userName': userName, 'ipAddr1':remote_addr,'ipAddr2':forwarded_for, 'url':url};

   $('.content').load(toLoad, _post , function(response, status, xhr) 


if (status == 'error') {
                        var msg = "Sorry but there was an error: ";
                        $(".content").html(msg + xhr.status + " " + xhr.statusText);
                    }            
            }).slideDown('slow', hideLoader());
                }
                function hideLoader() {
                        $('#load').fadeOut('normal');
                }
                return false;
        });

Answer 1

您可以在 Jquery 中使用css() 函数：

$(".content").css({'background-color': 'red'});

编辑

我把你的问题弄错了。要更改课程，您可以使用$('.content').removeClass('classOne').addClass('classTwo');
如果你有一个像has-error 这样的类，你可以使用toggleClass() 来切换它，如果它存在，它将删除它，如果不存在则添加它：
$('.content').toggleClass('has-error');

对于您的if elseprobleme，只需执行以下操作：

if(condition) {
   $('.content').removeClass('class2 class3').addClass('class1');
} else if(condition2) {
   $('.content').removeClass('class1 class3').addClass('class2');
} else {
   $('.content').removeClass('class1 class2').addClass('class3');
}

Answer 2

使用removeClass() 和addClass()。

这是一个例子：

$('.content').removeClass("styleOne").addClass("styleTwo");

编辑

if(response == "Worked Fine"){ 
    $('.content').removeClass("default").addClass("styleGreen");
}else{
     $('.content').removeClass("default").addClass("styleRed");
}