javascript - 表行克隆中的方法调用函数可编辑

Question

我已经克隆了我的表中的行 editable。

这些行有 2 列可编辑，1 列带有可编辑的文本区域，另一列带有输入数字。

有一个函数可以将两个输入数字中的数字相加并给出总数。你可以在这里试试，有onblur : "submit"

我已经克隆了两行，它们是可编辑的，但是计算总计的功能在克隆的行中不起作用。

如何使我的函数在克隆行中工作？

Answer 1

您正在使用 克隆行id="sum"，并且您的页面中不应有重复id的 s。

当我必须克隆元素时，我会生成动态ids，因此它们不会被重复。

像这样：

var lastid = $('[id^="clonedInput"]').length + 1;
$(".clonedInput").last().clone().attr('id', 'clonedInput' + lastid).appendTo("body")

你可以在这里测试一个完整的工作示例：http: //jsfiddle.net/RASG/MjMh5/

另外，你的 jsfiddle 是一团糟。请只保留相关代码。

编辑

好的，所以你还有其他问题。
例如，您的函数计数不会对克隆的行求和。
这个函数（不提你的整个代码）可能要简单得多。

function tally() {
    var total = 0;
    $('p.editable_number').each(function() {
        total += parseInt($(this).text()) || 0;
        $('#total').html(total);
    })
}

在这里测试它：http: //jsfiddle.net/RASG/MA78A/