Question

我在列表代码中获得了动态类，所以我不知道什么是类名，但由于我的代码，特定的类被删除，例如。 regularaccount，sampleaccount1，saveaccount2

我希望我现有的特定类是动态的，我无法猜测它应该被移除

只需要删除这些类

这里是js

$('#acntLst li').each(function(){
    var mc = new Hammer(this);
    var currentEle = $(this);
     mc.on("swipeleft swiperight", function(ev) {


     if(ev.type == 'swipeleft') {
             console.log(ev.type);
          currentEle.siblings().removeClass('marl-300').removeClass('marr-300');
          currentEle.addClass('marl-300');

       } else if(ev.type == 'swiperight') {
               console.log(ev.type);
               currentEle.siblings().removeClass('marl-300').removeClass('marr-300');
        currentEle.addClass('marr-300');

       } /*else if(ev.type == 'press') {
        currentEle.siblings().removeClass();
        currentEle.removeClass();
              alert('touch key pressed');
       }*/

    });
 });

和HTML代码

<ul  id="acntLst">

<li class="regularaccount"></li>
<li class="sampleaccount1"></li>
<li class="saveaccount2"></li>
</ul>

对于swiper我使用锤子代码工作正常

Answer 1

更新：

将每个循环用于兄弟姐妹，因为有多个兄弟姐妹：

$('#acntLst li').each(function(){
    var mc = new Hammer(this);
    var currentEle = $(this);
     mc.on("swipeleft swiperight", function(ev) {


     if(ev.type == 'swipeleft') {
             console.log(ev.type);
              currentEle.siblings().each(function(){
                  $(this).removeClass('marl-300').removeClass('marr-300');
               });
          currentEle.addClass('marl-300');

       } else if(ev.type == 'swiperight') {
               console.log(ev.type);
               currentEle.siblings().each(function(){
                  $(this).removeClass('marl-300').removeClass('marr-300');
               });
        currentEle.addClass('marr-300');

       } /*else if(ev.type == 'press') {
        currentEle.siblings().removeClass();
        currentEle.removeClass();
              alert('touch key pressed');
       }*/

    });

}）;

如何在不打扰特定类的情况下删除特定的css类

1 个答案: