色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery購物車商品總額計算

劉柏宏1年前7瀏覽0評論

在網頁開發中,購物車是一個非常常見的功能。如果你正在使用jQuery來開發購物車的功能,那么你可能會需要計算購物車中所有商品的總額。

以下是一個簡單的示例:

<div id="cart">
<ul>
<li class="item" data-price="19.99">商品1</li>
<li class="item" data-price="29.99">商品2</li>
<li class="item" data-price="39.99">商品3</li>
</ul>
<p id="total"></p>
</div>

在這個例子中,我們有一個id為cart的div,里面包含了一個ul列表,這個列表中有三個li元素,每個li元素都有一個data-price屬性,表示商品的價格。

下面的jQuery代碼會計算購物車中所有商品的總額,并將結果顯示在id為total的p元素中:

$('li.item').each(function() {
total += parseFloat($(this).data('price'));  
});
$('#total').text('總額: $' + total.toFixed(2));

在這個代碼中,我們首先使用.each()方法遍歷所有的li元素,然后使用parseFloat()方法將每個元素的data-price屬性轉換為浮點數,并將它們累加到total變量中。

最后,我們使用toFixed()方法將結果保留兩位小數,并將結果顯示在id為total的p元素中。

總之,使用jQuery計算購物車中所有商品的總額非常簡單。只需要用.each()方法遍歷所有的商品元素,將它們的價格累加到一個變量中,最后將結果顯示在網頁上即可。