傾聽添加錶行

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

是的，你可以綁定comtom事件。

$('#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... 
    }); 

});