jQuery addclass/remove Class 工作一次

Question

我点击后执行此操作:

$(".sp-left, .sp-right").each(function(){
    var el = $(this);

    if (el.hasClass('sp-left')) {
        el.removeClass("sp-left").addClass("sp-right");
    } else {
        el.removeClass("sp-right").addClass("sp-left");
    }    
});  

jquery 有多个步骤，它工作正常，但是当我在步骤之间切换时，这些代码不起作用？

Answer 1

使用每个 .each(function(index, element) 的正确方法是 $(this) ，你将无法获取该元素

   $(".sp-left, .sp-right").click(function(e){


      var el = $(element);

      console.log(el);

       if (el.hasClass('sp-left')) {
         el.removeClass("sp-left").addClass("sp-right");
        } else {
          el.removeClass("sp-right").addClass("sp-left");
       }    

     });