单击弹出按钮

时间:2018-02-04 12:30:44

标签: javascript jquery

我需要做一个功能 如果class="btn btn-default"存在 点击它们 这将是有问题的bcz除了这些之外还有更多的btn默认值:D

所以我如何使用“解锁胸部”

<div class="chest_container">
                      <div class="chest unlocked"></div>

这是html

<div id="daily_bonus_content">
    <div class="rewards_grid">
                    <div class="reward day_1">
                <div class="center">
                    <div class="chest_container">
                        <div class="chest unlocked"></div>
                        <div class="day">1</div>
                        <div class="actions"><a href="#" class="btn btn-default">Abrir</a></div>
                    </div>
                </div>
            </div>
                    <div class="reward day_2">
                <div class="center">
                    <div class="chest_container">
                        <div class="chest"></div>
                        <div class="day">2</div>
                        <div class="actions"></div>
                    </div>
                </div>
            </div>
                    <div class="reward day_3">
                <div class="center">
                    <div class="chest_container">
                        <div class="chest"></div>
                        <div class="day">3</div>
                        <div class="actions"></div>
                    </div>
                </div>
            </div>
                    <div class="reward day_4">
                <div class="center">
                    <div class="chest_container">
                        <div class="chest"></div>
                        <div class="day">4</div>
                        <div class="actions"></div>
                    </div>
                </div>
            </div>

1 个答案:

答案 0 :(得分:0)

在vanillaJS中,单击chest_container中的每个btn-default

var buttons = document.querySelector(".chest_container .btn-default");
buttons.forEach(function(button) {
    button.click();
});

如果你在事件中发现了点击,你可以通过执行以下操作来达到chest_unlocked,其中e是事件:

var chestUnlockedDiv = e.target.parentElement.parentElement.querySelector(".chest.unlocked");