<table>
<thead>
<tr><th>单价</th><th>数量</th></tr>
</thead>
<tbody id='testOrderDetailList '>
<tr><td> <input id="price">5</input></td><td> <input id="number">2</input></td></tr>
<tr><td> <input id="price">6</input></td><td> <input id="number">3</input></td></tr>
</tbody>
</table>
单价 | 数量 |
5 | 2 |
6 | 3 |
以下函数计算每一行单价数量乘积并相加得出总价。
<script type="text/javascript">
$(function sum(obj){
var tbodys = $('#testOrderDetailList tr')
totalAmount = 0;
for (var i=0; i<tbodys.length; i++)
totalAmount+=$(tbodys[i]).find("#number").val()*$(tbodys[i]).find("#price").val()
$("#totalAmount").val(totalAmount);
});
</script>
$('tbody tr')定位到tbody元素下的tr元素jQuery对象
$('#testOrderDetailList tr')定位到id为testOrderDetailList 的元素下的tr元素jQuery对象
$(obj)把js对象obj转换成jQuery对象
$(obj).find("#number")在js对象obj所对应的元素的jQuery对象中定位id为#number的元素jQuery对象