2012-04-06 4 views
0

habe ich eine Zeile in Seite eine Tabelle dynamischlöschen letzte html Reihe erstellt jquery dynamisch erstellt

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> 

Wie erstelle ich jetzt eine Lösch - letzte Zeile löschen ich gerade erstellt

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

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

Antwort

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

geben Id el ement TR basierend darauf löschen diese bestimmte Zeile

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

Danke für beide Antworten. Sie haben mir geholfen, es zu erledigen. hier ist das, was ich Zuerst schrieb, als ich die tr dynamisch erstellt ich es die ID gab dann für die Entfernen $ ("# remove_field"). Klick (function() { \t index--; \t $ ("# new" + index) .remove(); }); Alles funktioniert genau so, wie ich es wollte, danke. – user1253239

Verwandte Themen