我在我的列表代码中获取动态类,所以我不知道类名是什么,但由于我的代码,特定类已被删除,例如。 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,我正在使用锤子代码,它工作正常
最佳答案
更新:
对 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');
}*/
});
});
关于javascript - 如何在不干扰现有特定类的情况下删除特定的 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41476762/