Question

我正在尝试根据该行中兄弟的总和来更新Last ..

表格TD在点击时会有contenteditable = "TRUE"个等级。

所以当我尝试更新该td列上的数字时，我会尝试更新该行中的最后一行。

这是我现在的表的小提琴..

Answer 1

您需要为.inner class添加keyup() event，

$('tr.tableRow td.inner').on('keyup',function(){
    $tr=$(this).closest('tr');
    var sum=0;
    $tr.find('td.inner:not(.total)').each(function(){
        sum += Number($(this).text());
    });
    $tr.find('.total').text(sum);
});

同样在我的演示中，我添加了一个类.total来显示所有内部类的总数。请参阅 Live demo

Answer 2

您可以计算已编辑TD的模糊

$('tr.tableRow td.inner').on('blur',function(e){

    var sumTD =  $(this).parent().find("td:last");
    sumTD.text(parseInt(sumTD.text())+ parseInt($(this).text()));

        });

http://jsfiddle.net/yhjw23of/9/

Answer 3

检查你的js小提琴链接

 $('tr.tableRow td.inner').on('click',function(e){
            e.preventDefault();
            e.stopImmediatePropagation();

            $(this).attr('contentEditable','true');
            $(this).addClass('inputCopyCat');
            $(this).focus();
        });
        $('tr.tableRow td.inner').focusout(function(e){
            $('td.inputCopyCat').removeAttr('contentEditable');
            $('td.inputCopyCat').removeClass('inputCopyCat');

            var currentTableRow = $(this).parent();
            var currentTabelRowSum = 0;

            currentTableRow.find('td.inner:not(:last)').each(function() {
                var userInput = parseInt(this.innerText);

                if(!isNaN(userInput)) {
                    currentTabelRowSum += parseInt(this.innerText);
                }
            });

            currentTableRow.find('td.inner:last').text(currentTabelRowSum);

        });

Jquery / Javascript | HTML表总和最后TD中兄弟TD的总记录

3 个答案: