单击 function 仅在第二次单击时起作用

Question

我点击 function 找到具有相同名称 class 的隐藏按钮，然后单击另一个可见按钮将它们全部单击。

问题是它只有在第二次点击时才能正确运行。 在第一次点击时，它只会触发一个隐藏按钮点击，而不是所有......

这是我的代码：

$(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>