如何用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

 

posted @ 2013-07-13 12:07  你约我交友网  阅读(378)  评论(0编辑  收藏  举报