jquery - 监听添加的表行

Question

假设我有一张 table :

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

$(function(){

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

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

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

});

是否有任何方法可以使用 jQuery 绑定(bind)自定义事件处理程序，该处理程序在添加或删除行时触发？

谢谢

Answer 1

是的，您可以绑定(bind)自定义事件。

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

当您添加或删除行时，您应该触发该事件。

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