Javascript 使用WooCommerce在数量发生变化时将项目添加到购物车

我正在使用WooCommerce建立一个电子商务网站。在产品页面上，除了特定的产品之外，我还有可选的插件，它们下面有数量按钮，可以添加到购物车中

每次数量发生变化时，我都会尝试将这些项目添加到购物车中（即，当有人点击加号时，它会自动将相应的项目添加到购物车中）

我已经成功地做到了这一点（某种程度上），但出于某种原因，即使我通过ID、值或任何其他特定字段调用它们，它也会立即将它们全部添加到购物车中，理想情况下，我点击加号的任何项目都是我想要添加到购物车中的唯一项目。这是我的密码

我愿意提供尽可能多的信息来完成这件事，并将张贴一个答案，如果我在同一时间找到一个。多谢各位

<script> 
    var timeout;
 
jQuery( function( $ ) {
    
    $('.woocommerce').on('change', 'input.qty', function(){
 
        if ( timeout !== undefined ) {
            clearTimeout( timeout );
        }
 
        timeout = setTimeout(function() {
            $("[name='update_cart']").trigger("click");
        }, 500 );
        timeout = setTimeout(function() {
            $("[id='co2-alarm']").trigger("click");
        }, 500 );
        timeout = setTimeout(function() {
            $("[id='motion-sensor']").trigger("click");
        }, 500 );
        timeout = setTimeout(function() {
            $("[id='outdoor-camera']").trigger("click");
        }, 500 );
        timeout = setTimeout(function() {
            $("[id='smoke-alarm']").trigger("click");
        }, 500 );// 1 second delay, half a second (500) seems comfortable too
 
    });
} );

</script>

var超时；
jQuery（函数（$）{
$（'.woocommerce'）.on（'change'，'input.qty'，function（））{
如果（超时！==未定义）{
clearTimeout（超时）；
}
timeout=setTimeout（函数（）{
$（“[name='update_cart']”）。触发器（“单击”）；
}, 500 );
timeout=setTimeout（函数（）{
$（“[id='co2-alarm']”）。触发器（“单击”）；
}, 500 );
timeout=setTimeout（函数（）{
$（“[id='motion-sensor']”）。触发器（“单击”）；
}, 500 );
timeout=setTimeout（函数（）{
$（“[id='outdoor-camera']”）。触发器（“单击”）；
}, 500 );
timeout=setTimeout（函数（）{
$（“[id='smoke-alarm']”）。触发器（“单击”）；
}，500）；//延迟1秒，半秒（500）似乎也很舒服
});
} );