我需要做一个功能
如果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>
答案 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");