jQuery删除最后添加的行

我有一个表单，允许用户使用以下代码添加新行：

 var insertRow = function() {

$(".box")
    .append($("<div class='row' style='padding-bottom:10px;'>"))
    .append($("<div class='col-lg-3'><input type='text' class='form-control' name='name[]' placeholder='Item Name'></input></div>"))
    .append($("<div class='col-lg-4'><textarea class='form-control' name='description[]' placeholder='Description' rows='1'></textarea></div>"))
    .append($("<div class='col-lg-2'><div class='input-group'><span class='input-group-addon' id='basic-addon1'>$</span><input type='text' class='form-control' name='price[]' onKeyUp='calculate()' placeholder='Unit Price'></input></div></div>"))
    .append($("<div class='col-lg-1'><input type='text' class='form-control' name='quantity[]' onKeyUp = 'calculate()' placeholder='Qty'></input></div>"))
    .append($("<div class='col-lg-2'><div class='input-group'><span      class='input-group-addon' id='basic-addon1'>$</span><input type='text' placeholder='Line total' class='form-control' name='total[]' readonly></input></div></div>"))
    .append($("</div><a href='#' class='remove_row'>remove</a>")); 

}

---

这样做的目的是删除所有行，而不仅仅是最后一行

这是因为

这是
a.remove\u行
实际上是要删除的div的同级，您需要使用同级（“div.row”）或prev（）进行删除。
所有添加的标记都不属于一个“行”，它只是一个接一个插入的一组标记。删除代码将删除本例中的所有“行”

试着这样做：

var insertRow = function() {

var row = $("<div>")
    .append($("<div class='row' style='padding-bottom:10px;'>"))
    .append($("<div class='col-lg-3'><input type='text' class='form-control' name='name[]' placeholder='Item Name'></input></div>"))
    .append($("<div class='col-lg-4'><textarea class='form-control' name='description[]' placeholder='Description' rows='1'></textarea></div>"))
    .append($("<div class='col-lg-2'><div class='input-group'><span class='input-group-addon' id='basic-addon1'>$</span><input type='text'     class='form-control' name='price[]' onKeyUp='calculate()' placeholder='Unit Price'></input></div></div>"))
    .append($("<div class='col-lg-1'><input type='text' class='form-control' name='quantity[]' onKeyUp = 'calculate()' placeholder='Qty'></input></div>"))
    .append($("<div class='col-lg-2'><div class='input-group'><span      class='input-group-addon' id='basic-addon1'>$</span><input type='text' placeholder='Line total' class='form-control' name='total[]' readonly></input></div></div>"))
    .append($("</div><a href='#' class='remove_row'>remove</a>")); 
    $(".box").append(row);
}

var insertRow=function（）{
变量行=$（“”）
.append（$（“”）
.append（$（“”）
.append（$（“”）
。附加（$（“$”））
.append（$（“”）
。附加（$（“$”））
。附加（$（“”）；
$（“.box”）.append（行）；
}

var insertRow = function() {

var row = $("<div>")
    .append($("<div class='row' style='padding-bottom:10px;'>"))
    .append($("<div class='col-lg-3'><input type='text' class='form-control' name='name[]' placeholder='Item Name'></input></div>"))
    .append($("<div class='col-lg-4'><textarea class='form-control' name='description[]' placeholder='Description' rows='1'></textarea></div>"))
    .append($("<div class='col-lg-2'><div class='input-group'><span class='input-group-addon' id='basic-addon1'>$</span><input type='text'     class='form-control' name='price[]' onKeyUp='calculate()' placeholder='Unit Price'></input></div></div>"))
    .append($("<div class='col-lg-1'><input type='text' class='form-control' name='quantity[]' onKeyUp = 'calculate()' placeholder='Qty'></input></div>"))
    .append($("<div class='col-lg-2'><div class='input-group'><span      class='input-group-addon' id='basic-addon1'>$</span><input type='text' placeholder='Line total' class='form-control' name='total[]' readonly></input></div></div>"))
    .append($("</div><a href='#' class='remove_row'>remove</a>")); 
    $(".box").append(row);
}