Jquery Mobile:正在多次添加克隆行

jsfiddle：

我正在创建一个移动表单，允许用户根据需要添加另一行输入

HTML:

我明白问题是什么了——因为我正在关闭类bcard_条目中的所有内容，它第一次附加了一个副本，但现在该类有两个副本。第二次将克隆两个现有行并附加它们，依此类推

现在我知道问题是什么，但我不知道如何避免它

正确的方法是什么

---

非常感谢您的指导和帮助。

您可以在要克隆的行上使用ID，并通过ID引用它。请确保删除克隆副本中的ID

也可以只克隆第一行。在JS中，这类似于：

document.getElementById('bcard_table').appendChild(document.querySelector('.bcard_entry').cloneNode(true));

您可能还需要清除这些值并更新字段名

---

或者，您可以使用模板。您可以使用一些不错的工具，如胡须或创建自己的工具。

如何删除ID？$'bcard_entry'。clone.removeAttr'ID'。附加到'bcard_table'-哼！您可以使用Element.removeAttribute-so newRow.removeAttribute'ID'删除ID

$(document).on('pagebeforeshow', '#index', function(){       
        $(document).off('click', '#btnBCard').on('click', '#btnBCard',function(e) {
            $('.bcard_entry').clone().appendTo('#bcard_table');
        }); 
    });

document.getElementById('bcard_table').appendChild(document.querySelector('.bcard_entry').cloneNode(true));