Question

是否可以添加div中的数字？基本上我想把物品放在购物车中，在我把物品放入购物车后，我想把所有物品的价格加起来得到最终的价格。我的一段代码：

   <div class="div" id="contentTri29">
        <p>Naziv proizvoda: Angel eyes white</p>
        <p>Sifra proizvoda: <a href="#" class="item">001.29</a></p>
        <p>Cijena proizvoda: <div class="price">690</div></p>
        <div>
            <p><img src="~/images/farovi/angel_eyes_white.jpg" /></p>
        </div>
    </div>

    <div class="div" id="contentTri30">
        <p>Naziv proizvoda: Angel eyes smoked</p>
        <p>Sifra proizvoda: <a href="#" class="item">001.30</a></p>
        <p>Cijena proizvoda: <div class="price">690</div></p>
        <div>
            <p><img src="~/images/farovi/angel_eyes_smoked.jpg" /></p>
        </div>
    </div>
</div>

是否有可能以某种方式将所选div与div id“price”联系起来？

Answer 1

这是一个可能的解决方案：

var total = 0;

$('#add').on('click', function(){
  
  var priceList = $('.price');
  
  $.each(priceList, function(i, price){
    total+= parseFloat($(price).text());
   });
  
 $('#total').text("Total is: "+ total);
  
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <div class="div" id="contentTri29">
        <p>Naziv proizvoda: Angel eyes white</p>
        <p>Sifra proizvoda: <a href="#" class="item">001.29</a></p>
        <p>Cijena proizvoda: <div class="price">690kn</div></p>
        <div>
            <p><img src="~/images/farovi/angel_eyes_white.jpg" /></p>
        </div>
    </div>

    <div class="div" id="contentTri30">
        <p>Naziv proizvoda: Angel eyes smoked</p>
        <p>Sifra proizvoda: <a href="#" class="item">001.30</a></p>
        <p>Cijena proizvoda: <div class="price">690kn</div></p>
        <div>
            <p><img src="~/images/farovi/angel_eyes_smoked.jpg" /></p>
        </div>
    </div>
</div>
<br/>
<div id="total"></div>
     
     <br/>
     <button id="add">Sum</button>

Answer 2

再次，你有多个id是相同的，如果你从数据库生成html你可以给你的价格div像“product1-p”“product2-p”的id然后给每个类的价格，然后迭代价格等级并添加它们

Answer 3

类似

function addUp(){var sum=0;
  $('.div .price').each(function(){sum+=($(this).text()-0);});
  $('div#sum').text('sum:'+sum+'kn'); // some place to show the result ...
}

可能会成功。（-0强制将术语转换为数字。隐式类型转换。）

在div中添加数字

3 个答案: