删除最后一个动态生成HTML行创建的jQuery

Question

我创建了侧一排动态

var index = 1; 

$("#add_field").click(function(){ 

var new_field = '<tr><th style="text-align: left;">Customer '+index+'</th><td><input type="text" id="customer'+index+'" name="customer'+index+'" maxlength="50"></td><th style="text-align: left;">Phone</th><td><input type="text" id="customerphone'+index+'" name="customerphone'+index+'" maxlength="14"></td><th style="text-align: left;">Email</th><td><input type="text" id="customeremail'+index+'" name="customeremail'+index+'" maxlength="100"></td></tr>'; 

$("#customerFormTable").append(new_field); }); 

HTML

<div id="add_field">Click here to add more rows </div> 

我现在该如何建立一个删除表 - 删除最后一行我刚刚创建

<div id="delete_row">Click here to delete last row created </div> 

$("#delete_row").click(function(){ ?????? 

Answer 1

$("#customerFormTable tr:last").remove(); 

Answer 2

给ID来埃尔基于TREM删除该特定行

$("#trid").remove();