Nghe hàng bảng thêm

Question

Cho phép nói rằng tôi có một bảng:

<table> 
    <tr></tr> 
</table> 

$(function(){ 

    $('#btn').click(function(){ 
     $('table').append('<tr><input class="remove" value="remove"></tr>'); 
    }); 

    $('.remove').on('click', function(){ 

     $(this).parent().remove(); 
    }); 

}); 

Có cách nào để ràng buộc một xử lý sự kiện tùy chỉnh kích hoạt bất cứ khi nào một hàng được thêm vào hoặc gỡ bỏ, sử dụng jQuery?

Cảm ơn

Answer 1

Có, bạn có thể ràng buộc sự kiện comtom.

$('#table_id').bind('rowAddOrRemove', function(event){ 
    //do what you want. 
}); 

Và khi bạn thêm hoặc xóa hàng, bạn nên kích hoạt sự kiện.

$('#table_id').trigger('rowAddOrRemove'); 

Answer 2

Tại sao bạn không gọi phương thức khi bạn loại bỏ các hàng? Giả sử bạn có một hàm cho phép bạn xóa một hàng. Trong hàm đó, bạn chỉ cần gọi phương thức bạn đã sử dụng cho người nghe của mình. Cùng với việc thêm hàng.

$(function(){ 

    $('#btn').click(function(){ 
     $('table').append('<tr></tr>'); 
     // insert your method here... 
    }); 

});