如何使用css类验证请求

时间:2014-02-19 18:00:12

标签: javascript jquery

javascript.js

function activeuser(userId) {
  $.post("/admin/activate_user", {
      userid: userId
  }, function (response) {
  });
}

user.php的

 <span id="enable<?=$user->id; ?>" class="cb-enable <?=$active_class;?>" onclick="return activeuser(<?= $user->id ?>);"><span>Active</span></span>
   <span id="disenable<?=$user->id; ?>" class="cb-disable <?=$deactive_class;?>" onclick="return deactiveuser(<?= $user->id ?>);"><span>De-active</span></span>

点击跨度我发送ajax请求并执行一些操作。我需要像这样验证,如果类是cb-enable selected,如果我按下该按钮,它就不应该发送ajax request.Is可以在ajax post之前使用css类进行验证。

请在javascript.js中查看我的ajax函数

由于

2 个答案:

答案 0 :(得分:1)

此时,您可以使用jquery的hasClass()方法检查类的可用性。

function activeuser(userId){
    if(! ($(this).hasClass('cb-enable') && $(this).hasClass('selected')) ){
        $.post("/admin/activate_user", 
            {       
            userid: userId
            }, 
            function(response){
                if(response == "active"){
                    $('#enable'+userId).addClass('selected');
                    $('#disenable'+userId).removeClass('selected');
                    $('#disenable'+userId).addClass('pointer');
                    $('#enable'+userId).removeClass('pointer');
            }
         }); 
    }
}

答案 1 :(得分:1)

您可以使用.hasClass()在此上下文中完成任务

尝试,

if($('#thatSpan').hasClass('cb-enable') && $('#thatSpan').hasClass('selected'))
{
  //your code goes here.
}

或者您也可以使用.is()

if($('#thatSpan').is('.cb-enable.selected'))
{
  //your code goes here.
}