Question

我有一个单击功能，可以找到具有相同类名的隐藏按钮，并通过单击另一个可见按钮来全部单击它们。

问题在于它仅在第二次单击时才能正确运行。第一次单击时，它只会触发一个隐藏的按钮单击，而不是全部...

这是我的代码：

$(document).ready(function(){
$('.mybtn').click(function(){
   var $parent = $(this).closest('.box-half');
   $parent.find(".add-cart").trigger('click');
});
});

我也尝试过

function myFunction() {
    document.querySelectorAll('.add-cart').forEach(function(el) {
       el.click();
    });
}
document.querySelector('.mybtn').onclick = myFunction;

非常感谢您的帮助！

Answer 1

我用您的两个脚本测试了此HTML，它对我有用。您的HTML代码是什么？

<div class="box-half">
    <button class="mybtn">Click mybtn</button>
    <button class="add-cart" style="display:none" id="b1" onclick="console.log(this.id)"></button>
    <button class="add-cart" style="display:none" id="b2" onclick="console.log(this.id)"></button>
    <button class="add-cart" style="display:none" id="b3" onclick="console.log(this.id)"></button>
</div>

点击功能仅在第二次点击时有效

1 个答案: