Question

嗨我正在用滑块做一些事情。我需要通过三个空格旋转一个类。

<div class="slide slide_1">
   .....
</div>
<div class="slide slide_2 off">
   .....
</div>
<div class="slide slide_3 off">
   .....
</div>

以下是三张幻灯片。当它开始工作时，我想在live上添加一个类slide_1，然后在1秒后我想将live添加到slide_2并删除来自off的{{1}}并在slide_2添加off。这样就可以在三张幻灯片上轮播slide_1课程。当有live时，应该live不是off

Answer 1

检查我创建的JSFiddle。

var i = 2;
    window.setInterval(function(){
    $('.slide_'+i).removeClass('off').addClass('live').siblings().removeClass('live').addClass('off');
    i++;
    if(i==4){
    i=1;
    }
    },1000);

Answer 2

你可以这样写：

var element = $('#id-of-element'); element.siblings().addClass('live').removeClass('off').siblings().removeClass('live').addClass('off');

Answer 3

counter=0;   Sliders=document.getElementsByClassName("slide");
window.addInterval(function (){
sliders[counter].classList.remove("live");
sliders[counter].classList.add("off");
counter++;
if(counter==3){
counter=0;
}
sliders[counter].classList.remove("off");
sliders[counter].classList.remove("add");
},3000);

与Tjeshvis回答相同（给了一个upvote）

在jquery中旋转一个类

3 个答案: