Question

假设我有一张桌子：

<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添加或删除行时触发的自定义事件处理程序？

由于

Answer 1

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

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

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

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

Answer 2

为什么在删除行时不调用该方法？假设您有一个允许您删除行的函数。在该函数中，只需调用您将用于侦听器的方法。与添加行相同。

$(function(){

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

});

侦听添加的表行

2 个答案: