在購物車頁面中,經常需要遍歷商品數量來進行操作。使用jQuery可以輕松地實現這個功能。
// 獲取所有商品數量的元素
var numList = $('.product-num');
// 定義變量來累加商品總量
var totalNum = 0;
// 遍歷元素
numList.each(function() {
// 將元素的值轉換成數字類型
var num = parseInt($(this).val());
// 累加商品總量
totalNum += num;
});
// 輸出商品總量
console.log("商品總量為:" + totalNum);
在上面的代碼中,使用$()函數獲取到所有的商品數量元素,并使用each()方法對這些元素進行遍歷。在遍歷過程中,使用parseInt()方法將元素的值轉換成數字類型,并將這個數字累加到變量totalNum中。
最后,輸出totalNum即可得到所有商品的總量。這個方法同樣適用于統計其他類型的元素,如商品價格等。