jQuery如何獲得總價？

Question

我有以下問題。 當我有購物車時，購物車中有多個俱樂部。 用戶可以是多個俱樂部的管理員。 我的購物車返回如下內容：

<h2>Club 1</h2>
<div>Price</div><div>50.00</div>

<h2>Club 2</h2>
<div>Price</div><div>49.00</div>

<h2>Club 3</h2>
<div>Price</div><div>10.00</div>
<div>Service payment</div><div>11.00</div>

我想在每個俱樂部下划分一個div，以使用jQuery。

為什么使用jQuery？ 公司可以選擇多個選項，這將為onClick（）添加和刪除一個值

Answer 1

<script type="text/javascript">
$(document).ready(function(){
    var amount = 0;


    $('.factuur-post').click(function(){
        var club = $(this).attr('value');
        var item = '<div class="item"><div>Service</div><div>0.99</div></div>';

        if($(this).is(':checked')) {
            amount += parseFloat(0.99);

            console.log('club id: ' + club)
            $(item).appendTo('#club' + club)
        } else {
            amount -= parseFloat(0.99);
        }
    });
});
</script>
<script type="text/javascript">
$(document).ready(function(){
    $('.factuur-post').click(function(){
        $('.total').remove();
        $('.club').each(function () {
          var total = 0;
          $(this).find('.item div:nth-child(2)').each(function () {
              total += parseInt($(this).text()) || 0
          });

          var $total = $('<div />', {
              'class': 'total',
              html: '<div><b>Total</b></div><div>' + total.toFixed(2) + '</div>'
          });
          $total.appendTo(this)
      })
    })
})
</script>