2012-02-01 2 views
5

Допустим, у меня есть таблица:Прислушайтесь добавленных строк таблицы

<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?

Thanks

+1

Как вы добавляете строки? Отправьте соответствующий код. – Sarfraz

ответ

8

Да, вы можете связать событие comtom.

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

И когда вы добавляете или удаляете строку, вы должны инициировать событие.

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

Почему вы не вызываете метод при удалении строк? Допустим, у вас есть функция, позволяющая удалить строку. В этой функции просто вызовите метод, который вы использовали бы для своего слушателя. То же самое с добавлением строк.

$(function(){ 

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

});