jQuery 选择器

<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对象