2

私はショッピングカートページを持っており、ショッピングカートページに表示される各製品は div ボックス内にあります。

各divボックスには、このように表示される価格があります<p id="price">599<p>

これらの中のすべての数字を取得するにはどうすればよいですか

それを合計して、合計を別の<p></p>?

ショッピングカートにある製品の数に応じて、多くの div ボックスが生成されます。2 つの div ボックスを意味する 2 つの製品があるとします。

<div id="holder@(model.ProductId)" class="holder">  
             <img src="@Html.DisplayFor(modelItem => item.Image)" alt="" />
               <div class="productinfo">
               <h2>Bike</h2> 
               <p>It will take 24 hours to deliver</p>    
               </div>
                <div class="productprice">     
                <p class="price">599<p>                                    
               </div>

二つ目：

<div id="holder@(model.ProductId)" class="holder">  
             <img src="@Html.DisplayFor(modelItem => item.Image)" alt="" />
               <div class="productinfo">
               <h2>car</h2> 
               <p>It will take 24 hours to deliver</p>    
               </div>
                <div class="productprice">     
                <p class="price">1599<p>                                     
               </div>

これは、この関数がトリガーされるボタンです。

<input type="button" value="Update" class="a" />

Jqueryでこれを行うにはどうすればよいですか。どういうわけか、いくつあるかを確認して<p class="price"><p>から eval() し、それらを乗算して合計を別のに保存する必要があり<p></p>ますか?

どんな種類の助けも大歓迎です

4

3 に答える 3

4 
var total = 0;
$("p.price").each(function(i){
   total += parseFloat($(this).text(), 10);
});

例

于 2012-10-31T18:11:23.683 に答える
0

チェイスのソリューションの代替:

var total = 0;
$("p.price").each(function(i){
    total += !isNaN(c = +$(this).text())?c:0;
});

例

于 2012-10-31T18:20:10.320 に答える
0 
$(document).ready(function(){
  $('.a').click(function(){
   var total = 0;
   $('.price').each(function(){
    total += parseInt($(this).text());
   });

   //update total

  });
});
于 2012-10-31T18:13:03.470 に答える