Question

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

行有2列可编辑，1列可编辑textarea，另一行带输入数字。

有一个函数可以将两个输入数字中的数字相加并给出总数。您可以尝试here，onblur : "submit"

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

如何让我的功能在克隆的行中工作？

Answer 1

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

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

像这样：

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/

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

1 个答案:

修改