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>

JQuery如何获得总价？

1 个答案: