使用Jquery更改类类型

时间:2017-03-29 12:52:15

标签: php jquery html css

我正在使用此代码从startup.php获取数据.PHP文件的响应是带有3个字段的JSON。 JSON响应中的一个字段是状态消息。如何根据状态消息更改div类.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;
        });

2 个答案:

答案 0 :(得分:1)

您可以在Jquery中使用rule=self函数:

self.caller.__class__

修改

我把你的问题弄错了。要更改课程,您可以使用css()
如果您有$(".content").css({'background-color': 'red'}); 之类的课程,可以使用$('.content').removeClass('classOne').addClass('classTwo');进行切换,如果有,则会将其删除;如果不存在,则将其添加:
has-error

对于您的toggleClass()问题,只需执行以下操作:

$('.content').toggleClass('has-error');

答案 1 :(得分:1)

使用removeClass()addClass()

以下是一个例子:

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

修改

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