我正在尝试获取用户 append 到购物车的商品小计,但似乎无法使其正常工作。
基本上我有一个项目列表,其中有一个“添加到购物车”按钮,该按钮链接到一个 jquery 函数,该函数将一些 html append 到购物车:
$('#object01').click(function(){
if ($('#slideShoppingCart').is(":hidden")) {
$('#slideShoppingCart').slideToggle(500);
$('#objectList').append('<div class="shoppingCartObject"><img src="img/leather-backpack-cart.jpg" width="75" height="75"><div class="cartObjectInfo"><h1 class="cartTitle">Gentleman's Satchel</h1><div class="closeCartObject">x</div><h2 class="cartDescription">Chestnut Leather</h2><h3 class="quantity">QTY. 1</h3><h3 class="cartPrice">£<span class="price">300</span></h3></div></div>')
} else {
$('#objectList').append('<div class="shoppingCartObject"><img src="img/leather-backpack-cart.jpg" width="75" height="75"><div class="cartObjectInfo"><h1 class="cartTitle">Gentleman's Satchel</h1><div class="closeCartObject">x</div><h2 class="cartDescription">Chestnut Leather</h2><h3 class="quantity">QTY. 1</h3><h3 class="cartPrice">£<span class="price">300</span></h3></div></div>')
}
});
$('.closeCartObject').live('click', function() {
$(this).parent().parent().remove();
return false;
});
其中我将价格包含在一个名为价格的类中。 然后我的购物车中有一个 ID 为 Total 的 Span。
我有这个函数来计算价格,但似乎不起作用。
$(document).ready(function getTotal(){
var total = 0;
$('.price').each(function(){
total += parseFloat(this.innerHTML)
});
$('#total').text(total);
getTotal();
});
最佳答案
看来你的计算逻辑有效
var total = 0;
$('.price').each(function(){
total += parseFloat(this.innerHTML)
});
但问题是您正在其内部调用“getTotal()”函数。
尝试
$(document).ready(function() {
var getTotal = function(){
var total = 0;
$('.price').each(function(){
total += parseFloat(this.innerHTML);
});
return total;
}
$('#total').text(getTotal());
});
关于jquery - 使用 Jquery 计算小计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13408437/