Javascript 使用jQuery在另一个列表之后添加一个列表元素

Javascript 使用jQuery在另一个列表之后添加一个列表元素,javascript,jquery,html,Javascript,Jquery,Html,我试图为我的用户提供一些输入,我希望他们能够点击按钮添加另一行输入。我试图使用jQuery在第一个输入之后添加一个输入列表 以下是我迄今为止所尝试的: $(“#添加按钮”)。在(“单击”,函数(){ $(“#输入”)。追加($(“#线性”); }); 可堆叠的 可转动的 添加项目非常接近。您只需首先克隆它: $("#addButton").on("click", function() { $("#inputs").append($("#linear").clone());

我试图为我的用户提供一些输入,我希望他们能够点击按钮添加另一行输入。我试图使用jQuery在第一个输入之后添加一个输入列表

以下是我迄今为止所尝试的:

$(“#添加按钮”)。在(“单击”,函数(){
$(“#输入”)。追加($(“#线性”);
});

  • 可堆叠的
  • 可转动的

添加项目
非常接近。您只需首先克隆它:

$("#addButton").on("click", function() {
    $("#inputs").append($("#linear").clone());
});
编辑:还应更改ID以防止DOM中出现重复:

`...$("#linear").clone().prop('id', '#linear2')...`

此外,列表中的
输入
元素将与重复的
id
s重复。那不会是个问题吗@乔治,兔子洞更深了!