javascript - 如何在循环内的元素的类之间切换？

Question

我试图在单击按钮时在循环内的元素的类之间切换。这是我认为可行的示例。

https://jsfiddle.net/WPederzoli/ts5tm4h6/

$(function()    {
    $('button').on('click', function() {
    for (i = 0; i < 10; i++) {
        $('p.firstClass').toggleClass('secondClass');
    }
  });   
});

Answer 1

不需要任何循环来切换类。此外，您在类名处有拼写错误。类名是 fistClass 而不是 firstClass。

$(function()	{
	$('button').on('click', function() {

    	$('p.fistClass').toggleClass('secondClass');
    
  });	
});

.fistClass {
  color:red;
}
.secondClass {
  color:blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="fistClass">
Some text!
</p>
<button type="button">
Click Me!
</button>