Javascript 如何在循环中的元素类之间切换？_Javascript_Jquery

Javascript 如何在循环中的元素类之间切换？

javascript jquery

Javascript 如何在循环中的元素类之间切换？,javascript,jquery,Javascript,Jquery,我试图在单击按钮时在循环中的元素类之间切换。这是一个我认为有用的例子 $（函数（）{ $（'button'）。在（'click'，function（）上{ 对于（i=0；i

我试图在单击按钮时在循环中的元素类之间切换。这是一个我认为有用的例子

$（函数（）{
$（'button'）。在（'click'，function（）上{
对于（i=0；i<10；i++）{
$（'p.firstClass'）。toggleClass（'secondClass'）；
}
});   
});

不需要任何循环来切换类。此外，您在类名处有输入错误。类名是

fistClass

而不是

firstClass

$（函数（）{
$（'button'）。在（'click'，function（）上{
$（'p.fistClass'）.toggleClass（'secondClass'）；
});	
});
.fistClass{
颜色：红色；
}
.二等舱{
颜色：蓝色；
}


一些文字！

点击我！
一个非常简单的问题解决方案。首先，您需要为Fiddle添加Jquery。（单击Javascript）然后将“fist”更改为“first”。最后移除循环

它不起作用，因为.firstClass
的样式覆盖了的样式。secondClass
，我会这样做

$（函数（）{
$（'button'）。在（'click'，function（）上{
$（'p.toggleMe'）.toggleClass（'secondClass'）；
});
});
p{
颜色：红色；
}
.二等舱{
颜色：蓝色；
}


一些文字！

点击我！
为什么需要循环？我想让它保持x次切换，而无需再次单击按钮。是否尝试在两个类之间切换？是的。每次for循环运行时，我都尝试在它们之间切换。例如：1 click=10 toggles。那么您应该只有一个类，例如.classtoggle
，只需使用$（'p.elementtoggleclass'）.toggleClass（'classtoggle'）在类似
的元素上，谢谢。对不起，我的输入错误，我只是用代码来说明我的意思。循环是必要的，因为在我正在处理的实际代码中，有一个随机数分配给for循环，这使得它在每次单击按钮时都会运行。即使更正了输入错误，并选择了jQuery库，它也不会像我预期的那样工作。不需要任何循环来处理单击事件toggleClass自动工作。我的意思是，只需单击一下，它就会保持x次切换。谢谢您的回答。我只是用这些代码来说明我想在实际的代码中完成什么。循环之所以存在，是因为每次单击按钮时，该块需要运行随机次数。即使没有输入错误和选择jQuery库，它也不会工作。再次感谢，但是如果我添加for循环，它仍然不工作。我的意思是这样做：$（function（）{$（'button'）.on（'click'，function（）{for（I=0；I<10；I++）{setTimeout（function（）{$（'p.firstClass'）.toggleClass（'secondClass'））2000；}}}}；}）；
$(function()    {
    $('button').on('click', function() {
    for (i = 0; i < 10; i++) {
        $('p.firstClass').toggleClass('secondClass');
    }
  });   
});

HTML: 
<body>
<p class="firstClass">
Some text!
</p>
<button type="button">
Click Me!
</button>
</body>

$(function()    {
    $('button').on('click', function() {
        $('p.firstClass').toggleClass('secondClass');
  });   
});