Имеется простая html таблица, в ней содержатся строки с классами по городам.
<td>
<tr class="spb"></tr>
<tr class="moscow"></tr>
</td>
Имеются кнопки, при клике на которые скрываются строки c определённым городом через display: none;
.
// начало кнопка для скрытия всех объявлений по СПБ
$('#hide-moscow').change(function(){
if(this.checked){
$('tr.moscow').addClass('hide-moscow');
} else {
$('tr.moscow').removeClass('hide-moscow');
}
});
Некоторые строки динамически подгружаются через AJAX и добавляются в DOM - дерево, но уже без свойства display: none;
.
Вопрос: как с помощью JQuery реализовать автоматическое скрытие вновь добавившихся строк (при условии, что кнопка для скрытия нажата)?