jQuery学习08---相对定位，工资点击求和
来源：互联网 发布：淘宝营销推广方式 编辑：程序博客网 时间：2024/05/20 15:11
<html><head><meta http-equiv="Content-Type" content="text/html;charset=GBK"><link rel="stylesheet" type="text/css" href="table.css"><title></title><script src="../jquery-1.8.2.js" type="text/javascript"></script><style type="text/css"></style><script type="text/javascript">//相对定位，只要在$()指定第二个参数，第二个参数为相对的元素，$("url",$(this)).css("background-color","red");$(function(){$("#tb tr").click(function(){//在当前点击的tr中找出所有的 td//$("td",$(this)).text("aaaa");//$("td",$(this)).eq(1).css("background-color","red");var arr = $("#tb tr:not(:first):not(:last)");var num = arr.length;var sum=0;for(var i=0;i<num;i++){//arr是包装集，所以arr[i]是Dom对象，是tr,$(arr[i])变成jQuery对象,$("td")是在当前文档中找所有的td//$("td",$(arr[i])) 是在当前行中找td,这里用的是相对定位,eq(1)是找第2个var t = $("td",$(arr[i])).eq(1).text();sum+=parseInt(t);}$("td",$("#tb tr:last")).eq(1).html(sum);});});</script></head><body><table id="tb" border="1px"><tr><td>学号</td><td>工资</td></tr><tr><td>1111111</td><td>2222</td></tr><tr><td>1111111</td><td>2222</td></tr><tr><td>1111111</td><td>2222</td></tr><tr><td>1111111</td><td>2222</td></tr><tr><td>1111111</td><td>2222</td></tr><tr><td>1111111</td><td>2222</td></tr><tr><td>总工资</td><td id="sum"></td></tr></table></body></html>
