javascript - 如何在 Javascript/jQuery 中使用 if 语句和 .each() 循环一一删除类？

Question

我希望有人可以帮助我循环遍历列表并根据变量的值一个一个地删除类。

我正在制作一个显示 3 个星形图标的游戏。我希望它们一个接一个地消失，具体取决于您尝试解开谜题时使用了多少步。现在它正在一次删除它们。我在使用 break 语句时遇到问题，因为它破坏了我运行益智游戏的 onclick。

任何建议都会很棒!感谢您提前抽出时间!

这是我的 HTML:

<section class="score-panel">
    <ul class="stars">
        <i class="panel1 fa fa-star"></i>
        <i class="panel2 fa fa-star"></i>
        <i class="panel3 fa fa-star"></i>
    </ul>

    <span class="moves">0</span> Moves
</section>

这是我的 Javascript 和 jQuery:

$('.stars').children().each(function (index, element) {
    if (moves === 16) {
        $(this).removeClass();
    } else if (moves === 24) {
        $(this).removeClass();
    } else if (moves === 32) {
        $(this).removeClass();
    }
});

Answer 1

您可以以这种方式使用 jquery .last() 函数。

$('.stars.fa').last().removeClass();