在 jQuery 中添加输入以及通过单击添加多个输入的问题答案

【问题标题】：Adding input in jQuery and problem adding several input with a click在 jQuery 中添加输入以及通过单击添加多个输入的问题
【发布时间】：2011-07-23 20:25:37
【问题描述】：

为什么单击添加后，将多个输入添加到一起？
我想在每次点击添加时添加一次输入。
你看到你自己：my code

【问题讨论】：

您要添加新的输入、新的 .mediumCell 还是 .column？
是的，'.adding'、'.ai_service' 类之间的所有内容

标签： javascript jquery jquery-selectors jquery-events

【解决方案1】：

试试这个 js fiddle 我想我已经完成了你想要的。

http://jsfiddle.net/539LR/6/

这里是js代码

$('a.add_input').live('click', function (e) {
    e.preventDefault();
    var $column = $(this).closest("div.column");
    var input = $column.prev("div.column").clone().wrap("<div />").parent().html();
    $column.before($(input));

});

【讨论】：

点击添加几个输入后一起添加。这里可以放代码吗？
很抱歉我粘贴的链接有误。请检查我编辑的答案，它有正确的链接以及代码。

【解决方案2】：

这可能就是你想要的。它抓取一列，复制它，将输入设置为“”并将其插入到“添加”按钮之前

http://jsfiddle.net/n4YFK/1/

【讨论】：

【解决方案3】：

请改用var input = $(".ai_service").find(":eq(0)").html();。参考http://jsfiddle.net/539LR/4/

【讨论】：

不，我不想添加 1 个输入（它是无限制的），我希望每次单击都在单击的类输入中添加 1 个输入。
那么你应该从脚本中删除 $(this).remove() ，因为它删除了添加链接jsfiddle.net/539LR/5
我的问题不是删除添加输入，我的问题是：点击添加后，多个输入一起添加