Живая DOM-фильтрация с помощью jQuery

Если вам нужно отслеживать изменения в доме для повторного запуска вашего фильтра, и они предназначены только для хром (это расширение хром), тогда вы можете использовать наблюдатели-мутации DOM

• http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-mutationevents
• https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Затем, когда изменения dom, вы можете повторно запустить свой фильтр. Что-то вроде этого:

var observer = new MutationObserver(function(){
    // run your filter here
});
observer.observe(document);

Вы можете использовать live nodeList, а затем получить доступ к этой переменной; например:

var images = document.getElementsByTagName('img');

Будет постоянно отслеживать изображения, включая новые изображения, добавленные в документ. Конечно, этот подход означает, что вы должны фильтровать этот nodeList каждый раз, когда вы добавляете другой img на страницу. В то время как это возможно, следствие состоит в том, что вы можете просто повторно выбрать соответствующие элементы при добавлении их на страницу. Однако один подход:

var images = document.getElementsByTagName('img');
$('#addImage').click(function(e){
    e.preventDefault();
    $('<img />', {
        'src' : 'http://placekitten.com/150/150/',
        'height' : '150px',
        'width' : '150px'
    }).insertAfter('#count');
    $('#count').text(function(){
        // using Array.prototype.filter() to filter the array:
        return [].filter.call(images, function(a){
            return a.naturalWidth > 70;
        }).length;
    });
});

Демо-версия JS Fiddle.

Но то же самое можно было бы сделать и при следующем (просто повторный img элементов img после добавления):

$('#addImage').click(function(e){
    e.preventDefault();
    $('<img />', {
        'src' : 'http://placekitten.com/150/150/',
        'height' : '150px',
        'width' : '150px'
    }).insertAfter('#count');
    $('#count').text(function(){
        return $('img').filter(function(){
            return this.naturalWidth > 70;
        }).length;
    });
});

Демо-версия JS Fiddle.

Рекомендации:

• Array.prototype.filter().
• event.preventDefault().
• filter().
• Function.prototype.call().
• insertAfter().
• text().

Вы должны привязать событие, которое добавляет новые изображения, то есть функцию обратного вызова вашего вызова AJAX.