jQuery从每个循环中获取数据并存储在全局变量中

Question

我正在编写一些代码来获取产品ID和数量，然后再添加到购物车。我正在遍历数量大于 0 的每个产品，然后获取存储在数据属性中的一些信息。

我遇到的问题是输出所有数据。 这是我的代码：

jQuery( ".productList .catQuantity" ).each(function( index ) {
    var productID = jQuery(this).attr('data-product_id');
    var productQu = jQuery(this).attr('data-quantity');   
    if(productQu > 0){
        //console.log(productID+':'+productQu+',');
        window.allProducts = (productID+':'+productQu+',');
    }
});
console.log(allProducts);

因此，上面获取产品ID和数量并将其存储在全局变量中。当我控制台时.log变量，变量中仅包含最后添加的产品。

知道为什么会这样吗？

Answer 1

你应该使用+=将它们附加到变量中，否则变量allProducts将在循环的每次迭代中被覆盖：

window.allProducts += (productID+':'+productQu+',');

希望这有帮助。

Answer 2

使用数组存储所有产品，因为您将在最后一项后附加不必要的逗号。然后，如果需要，只需将此数组转换/显示为字符串：

var allProducts = []
jQuery( ".productList .catQuantity" ).each(function( index ) {
  var productID = jQuery(this).attr('data-product_id')
  var productQu = jQuery(this).attr('data-quantity')  
  if (productQu > 0) {
    window.allProducts.push(productID + ':' + productQu)
  }
})
console.log(allProducts.toString())