使用jQuery

Question

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

这是我到目前为止所尝试的内容：

    $("#addButton").on("click", function() {
        $("#inputs").append($("#linear"));
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="inputs">
        <ul class="linearFeetCalc" id="linear">
            <li><input type="number" placeholder="Quantity" id="quantity"></li>
            <li><input type="number" placeholder="Length" id="length"></li>
            <li><input type="number" placeholder="Width" id="width"></li>
            <li><input type="number" placeholder="Height" id="height"></li>
            <li><input type="checkbox" id="stackable"> Stackable?</li>
            <li><input type="checkbox" id="turnable"> Turnable?</li>
        </ul>
</div>
<button id="addButton">Add Item</button>

Answer 1

非常接近。你只需要先克隆它：

var x = sthg;

编辑：您还应该更改ID以防止DOM中的重复：

$("#addButton").on("click", function() {
    $("#inputs").append($("#linear").clone());
});