jQuery購物車是一種用于在Web網站上管理購物車的JavaScript庫。它使得添加、刪除和更新商品變得非常簡單,同時也允許用戶輕松計算購物車內商品的總金額。
以下是一個簡單的jQuery購物車示例,演示了如何計算購物車內所有商品的總金額:
// 選擇所有商品的價格,將它們相加 var total = 0; $('.price').each(function() { total += parseFloat($(this).text()); }); // 顯示總金額 $('#total').text(total.toFixed(2));
上述代碼假設每個商品都有一個CSS類名為“price”的元素,其中包含商品的價格。代碼使用jQuery的.each()方法遍歷所有價格元素,并將它們的數字值相加。
最終,代碼將總金額格式化為帶有兩個小數位的數字,并將其添加到ID為“total”的元素中,以便用戶能夠輕松地看到他們購物車內商品的總價。