如何刪除特定的CSS類，而不會干擾現有的特定類

Question

我在列表代碼中獲得動態類，所以我不是ware什麼是類名，但是由於我的代碼，例如刪除了特定的類。 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> 

用於刷卡我用錘子代碼其工作正常

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

    }); 

}）;