如何用jquery操作table的方法
2013-07-13 12:07
489 查看
今天我在做你约我吧交友www.niyuewo.com网项目时遇到一个问题,就是如何用qjuery控制table的添加、编辑与删除,经过网上查资料发现用jquery很容易实现,在此整理下来供大家参考:
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);
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
相关文章推荐
- Visual Studio 2017中使用正则修改部分内容 如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1):格式化数字字符串 小程序开发之图片转Base64(C#、.Net) jquery遍历table为每一个单元格取值及赋值 。net加密解密相关方法 .net关于坐标之间一些简单操作
- jQuery操作表格(table)的常用方法、技巧汇总
- 汇总常用的jQuery操作Table tr td方法
- jquery对table表格操作(方法二)
- 汇总常用的jQuery操作Table tr td方法
- jQuery操作表格(table)的常用方法、技巧汇总
- 汇总常用的jQuery操作Table tr td方法
- 汇总常用的jQuery操作Table tr td方法
- jquery操作table中的tr,td的方法双击dblclick attr parent id原创
- 20170726 jQuery操作表格(table)的常用方法、技巧汇总
- 汇总常用的jQuery操作Table tr td方法
- jQuery操作表格(table)的常用方法、技巧汇总
- 一个JQuery操作Table的好方法
- JS(JQuery)操作Table的相关方法
- 汇总常用的jQuery操作Table tr td方法
- Jquery如何操作Table的某一个td
- jQuery操作表格(table)的常用方法、技巧汇总
- 一个JQuery操作Table的好方法
- 汇总常用的jQuery操作Table tr td方法
- jQuery操作表格(table)的常用方法、技巧汇总