如何用jquery操作table的方法
今天我在做你约我吧交友www.niyuewo.com网项目时遇到一个问题,就是如何用qjuery控制table的添加、编辑与删除,经过网上查资料发现用jquery很容易实现,在此整理下来供大家参考:
function btnSelect(vcode, vname, vprice) { var jmoney = vprice * 10; var str = "<tr>"; str += "<td>"+vcode+"</td>"; str += "<td>"+vname+"</td>"; str += "<td>"+vprice+"</td>"; str += "<td><input name=\"textfield1\" type=\"text\" value=\"10\" class=\"fd24\" onblur='jssum(this)' /></td>"; str += "<td>"+jmoney+"</td>"; str += "<td><select name=\"select\" size=\"1\" class=\"fd65\">"+txtuser+"</select></td>"; str += "<td onclick='getDel(this)'><a href='#'>删除</a></td>"; str += "</tr>"; $("#tctable").append(str); jssummoney(); } function getDel(k) { $(k).parent().remove(); } function jssum(thisObj) { var $td = $(thisObj).parents('tr').children('td'); //alert($td.eq(0).text()); var st = $td.eq(2).text() * $td.eq(3).find("input").val(); $td.eq(4).html(st); } function jssummoney() {
var val = 0;
var i = 0;
$("#tctable tr").each(function () {
if (i == 0) {//第一列为表头不计算
}
else {
val += parseFloat($(this).find("td:eq(4)").text());
}
i = 1;
});
$("#txtsummoney").html(val);
}
相关链接:http://www.cnblogs.com/January/archive/2013/04/10/3013334.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步