單擊 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>