删除特定字段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

现在每格和该分区的点击通ID添加删除图标dlete功能