如何在Javascript / jQuery中使用if语句和.each()循环逐个删除类?

时间:2017-10-07 12:33:02

标签: javascript jquery html

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

我正在制作一个有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();
    }
});

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

我会选择这样的逻辑:https://jsfiddle.net/h10Lewyt/

private void DocumentComplete(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    _Timer.Start();
    if (yourBrowser.ReadyState != WebBrowserReadyState.Complete)
        return;
    parseWebbrowserDocumentPropertyFunc();
}
private void parseWebbrowserDocumentPropertyFunc()
{
    _Timer.Stop();
    //something parse.....
}