删除特定字段JavaScript

Question

我的表单带有一些输入。当我单击 按钮时，JavaScript创建一个输入字段。这是我的表单代码：

 <div class="row">
        <div class="col-md-3">
            <div id="container">
            <div id="new" class="">
                <input type="number" name="number" id="number"> 
                <select class="form-control" id="sel1">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
                </div>
            </div>
        </div>
    </div>
    <button onClick="addNumber(); New();" class="btn btn-warning btn-md" type="button">+</button>

按钮创建一个新的选项和数字字段。这是用于创建新字段的JavaScript代码：

   function New()
  {
    var node = document.createElement("div");
    node.setAttribute("id", "new");
    node.setAttribute("class", addNumber());
    node.innerHTML = $("#new").html();
    document.getElementById("container").appendChild(node);
    $('#container').append(node);
}

这很好，但是我想删除一个特定的字段。当新字段创建时，我也想要删除按钮单击时，该字段已删除。我该怎么做？

Answer 1

现在，每个div中添加删除图标，然后在单击该div的通过ID到dlete函数