Onclick 테이블 행 jQuery를 삭제

Question

나는 내가 뭘해도 상관없이 행을 삭제할 수없는 테이블을 가지고 있습니다. Json을 사용하여 php/mysql 조회에서 생성 된 5 열과 몇 행의 간단한 테이블. 나는 결국 버튼 클릭으로 mysql 테이블에서 행을 삭제하고 싶지만 jquery에서 행을 삭제하는 "쉬운"부분에 붙어있다. 여기

내 테이블을 생성하는 코드입니다 :

var table = $('<table></table>').addClass('tbc'); 
for (var i = 0; i < json.admin_tables.length; i++) { 
var row = $('<tr></tr>').addClass('guid').attr('id', i).add('<td>' + json.admin_tables[i].Room + '</td><td>' + json.admin_tables[i].time + '</td><td>' + json.admin_tables[i].Desk + '</td><td>' + i + '</td><td><input type="button" id="'+ i + '" class="delete" value="Delete row ' + i + '"</td>'); 
table.append(row); 
$('#roomTable').append(table); 
} 

다음 코드는하지만 아무 것도 (방화 광에 오류)

$('.delete').click(function() { 
    $(this).closest("tr").remove(); 
} 

에 "TD"을 "TR"을 것이다 변경하지 않습니다 버튼 만 삭제하면 모든 필드를 개별적으로 삭제하고 싶지 않습니다!

Answer 1

.delete 요소는 동적으로 삽입됩니다, 그래서 당신은 그들을 대상으로 위임 이벤트 핸들러가 필요합니다

$('#roomTable').on('click', '.delete', function() { 
    $(this).closest("tr").remove(); 
});