Javascript 列中的jquerykeyup

Javascript 列中的jquerykeyup,javascript,jquery,html-table,keyup,Javascript,Jquery,Html Table,Keyup,我创建了一个表,对列和行进行求和。我的问题是: 当我单击“+”按钮时,我可以对行进行求和,但列有问题。 我想这是KeyUp的问题,但我不知道 这是对列求和的代码: $('#sum_table tr:not(.totalCol) input:text').bind('keyup change', function() { var $table = $(this).closest('table'); var total = 0; var thisNumber = $(this

我创建了一个表,对列和行进行求和。我的问题是:

当我单击“+”按钮时,我可以对行进行求和,但列有问题。 我想这是KeyUp的问题,但我不知道

这是对列求和的代码:

$('#sum_table tr:not(.totalCol) input:text').bind('keyup change', function() {
    var $table = $(this).closest('table');
    var total = 0;
    var thisNumber = $(this).attr('class').match(/(\d+)/)[1];

    $table.find('tr:not(.totalCol) .sum'+thisNumber).each(function() {
        total += parseInt(this.value);
    });

    $table.find('.totalCol td:nth-child('+thisNumber+')').html(total);
});
增加行和列的代码:

$("#tabla").click(function () {
        $("tr").find("td:last").before('<td><input type="text" value="0"></td>');
        var linea = $('tr:first').html();
        $('tr:last').before('<tr>'+linea+'</tr>');
        $('tr').last().find("td").last.html('<td>hola</td>');
    });
$(“#tabla”)。单击(函数(){
$(“tr”)。在('')之前查找(“td:last”);
var linea=$('tr:first').html();
$('tr:last')。在(''+linea+'')之前;
$('tr').last().find(“td”).last.html('hola');
});

我已更改了小提琴中的
+
按钮

$("#tabla").click(function () {
   $("#sum_table tr:last-child").before('<tr><td><input type="text" value="0"></td><td><input type="text" value="0"></td><td><input type="text" value="0"></td><td class="total"> 0 </td></tr >');

});

编辑

$("#tabla").click(function () {

    $("#sum_table tr:last-child").before("<tr>" + $("#sum_table tr:eq(0)").html() + "</tr>");
    $("tr:not(:last-child)").each(function () {
        var classname = $(this).find("td:last-child").index() + 1;
        $(this).find("td:last-child").before('<td><input class="sum' + classname + '" type="text" value="0"></td>');
    });
    $("#sum_table tr:last-child").append("<td>0</td>");


});
$(“#tabla”)。单击(函数(){
$(“#sum#u table tr:last child”)。之前(“+$”(“#sum#u table tr:eq(0)”).html()+”;
$(“tr:not(:last child)”)。每个(函数(){
var classname=$(this).find(“td:last child”).index()+1;
$(this).find(“td:最后一个孩子”)。在(“”)之前;
});
$(“#sum_table tr:last child”).append(“0”);
});

您的问题不是clear@AnoopJoshi你什么意思?你能解释一下这个问题吗?你想实现什么?你想让行和列增加1,每次点击“+”按钮,并显示可用行和列的计数,对吗?@AnoopJoshi嗯,我正在尝试对行和列求和,当我点击“+”按钮时,增加列和行。我可以在新的输入文本中引入一个值,它将像在默认情况下求和一样再次求和。是的,但是当我在新的输入文本中输入一个值时,它必须与旧的值求和。当我单击“+”按钮时,也必须增加列数。也就是说!,现在,我需要做的最后一件事是在单击“+”时也增加列。
$("#tabla").click(function () {

    $("#sum_table tr:last-child").before("<tr>" + $("#sum_table tr:eq(0)").html() + "</tr>");
    $("tr:not(:last-child)").each(function () {
        var classname = $(this).find("td:last-child").index() + 1;
        $(this).find("td:last-child").before('<td><input class="sum' + classname + '" type="text" value="0"></td>');
    });
    $("#sum_table tr:last-child").append("<td>0</td>");


});