在Jquery中删除以前在页面加载时添加的类

时间:2015-11-13 13:00:51

标签: javascript jquery html ajax

我的表td包含状态字段值1和0,如果状态为1我必须添加'ok'类如果是0我必须使用ajax添加'remove'类。我用ajax做了。但问题是当我在更改状态后刷新页面时,先前的状态是添加到所有'td'元素并删除以前在页面加载时添加的类。我必须在页面加载时显示单独的当前td状态。

JQuery的

$(document).ready(function(){
$this = $('.status-icon');
if($this.hasClass('glyphicon-ok-circle')){
$this.addClass('glyphicon-ok-circle');
}else{
$this.addClass('glyphicon-remove-circle');  
}
$('.status-icon').click(function(){
    $statusClass = $(this);
    $.ajax({
          url : 'router/status-router/',
          data : "id="+$(this).attr('status-id'),
          success: function(data) {
              if(data!=1){
              $statusClass.removeClass('glyphicon-ok-circle').addClass('glyphicon-remove-circle');
              }else{
              $statusClass.removeClass('glyphicon-remove-circle').addClass('glyphicon-ok-circle');
              }

            },
          error : function() {
          }
       });
     });
   });

HTML

<td><a href="#" status-id="<%=$b->getId();%>" class="glyphicon status-icon"></a></td>

0 个答案:

没有答案