jquery 计算问题

jquery计算价格

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

比如,我有10个
<div id="price">100</div>
<div id="price">150</div>
<div id="price">180</div>
.....
然后算出总和!
ID是唯一的，你可以考虑class，如下<script>
$(function(){
var sum=0;
$('.price').each(function(index, element) {
        sum+=parseFloat($(this).html())||0;
    });
alert(sum);
})
</script>
</head><body>
<div class="price">100</div>
<div class="price">150</div>
<div class="price">180</div>
</body>
我不是alert出来,我要返回到某个DIV中,应该怎么写比如<div class="totalprice">xxx</div>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var sum = 0;
            $("#price div").each(function (i, k) {
                sum += parseFloat($(this).html());
            })
            alert(sum);
        })
    </script>
</head>
<body>
   <form id="form1" runat="server">
   <div id="price">
       <div>100</div>
       <div>150</div>
       <div>180</div>
   </div>
    </form>
</body>
</html>
先去学习一下最基本的js操作dom吧
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var sum = 0;
            $("#price div").each(function (i, k) {
                sum += parseFloat($(this).html());
            })
            $(".totalprice").html(sum);
        })
    </script>
</head>
<body>
   <form id="form1" runat="server">
   <div id="price">
       <div>100</div>
       <div>150</div>
       <div>180</div>
   </div>
   <div style="color:Red;" class="totalprice"></div>
    </form>
</body>
</html>
2楼正解。
" <div id="price">100</div>
  <div id="price">150</div>
  <div id="price">180</div>" 这种写法是错误的，每个div有不同的Id.
$("#price“）只能去到第一个Id=price 的div。建议：
" <div class="price">100</div>
  <div class="price">150</div>
  <div class="price">180</div>" ,这种写法是正确的。
$(".price") 就可以取到所有class是price 的div。然后再使用2楼的方法。