2012-04-06 4 views
0

삭제 나는 측의 행을 동적으로마지막 동적으로 생성 된 HTML 행을 생성 JQuery와

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(){ ?????? 

답변

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

엘에 아이디를 부여 해당 행을 삭제하는 것을 기반으로 TR을 적용하십시오.

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

두 답변 모두에게 감사드립니다. 그들은 그것을 끝내는 것을 도왔다. 여기에 내가 TR을 만들 때 나는 먼저 쓴 것입니다 동적으로 내가 그것에게 ID를 준 다음 제거 $ ("#의 remove_field")합니다. 클릭 (function() { \t index--; \t $ ("# new"+ index) .remove(); }); 모든 작품이 내가 원했던대로 정확하게 작동합니다. – user1253239

관련 문제