javascript - 如何在不干扰现有特定类的情况下删除特定的 css 类

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

更新:

对 sibling 使用每个循环，因为 sibling 不止一个:

$('#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');
       }*/

    });

});