有没有更好的方法来重写这个:
$('element').removeClass('class1').removeClass('class2');
我不能使用,removeClass();因为它会删除所有类,我不想要.
有没有简单的方法来删除所有匹配的类,例如,
color-*
所以,如果我有一个元素:
<div id="hello" class="color-red color-brown foo bar"></div>
删除后,它会
<div id="hello" class="foo bar"></div>
谢谢!
我目前有一个滑块,我想从当前幻灯片实现动态类.
例:
[PAST 2, PAST 1, PAST 0] [CURRENT] [FUTURE 0, FUTURE 1, FUTURE 2]
这是我到目前为止的代码,未来似乎工作正常,但我似乎无法理解过去的元素.
var dumb = 0;
$('ul li').each(function(i){
var current = 2;
if(!$(this).hasClass('slick-current')){
if(i <= current){
$(this).addClass('past-' + i);
}
else {
$(this).addClass('future-' + dumb++);
}
console.log(i);
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<ul class="slick-initialized slick-slider">
<div aria-live="polite" class="slick-list draggable" style="padding: 0px 60px;">
<div class="slick-track" role="listbox">
<li id="pig" data-number="0" class="slick-slide slick-center" data-slick-index="0" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide00">
<div class="character-name">Pig</div>
</li>
<li id="trayaurus" data-number="1" class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide01"> …