Как вставить блок после каждого N элемента на странице, загрузка контента AJAX?

Question

[Александр Notfar]

Весь контент на странице загружается AJAXом, нужно по мере прокрутки после каждого 5го изображения вставлять свой блок.
Пытаюсь юзать 'DOMNodeInserted' но не могу ни как побороть эту бесконечность, класс добавляется отлично но не блок((

jQuery('#ajax-load-more').on( 'DOMNodeInserted', function() {
	var img = 1;
	jQuery('#ajax-load-more .wp-block-image').each(function(){
		if(img == 5) {
			jQuery(this).addClass('fiveIMG');
			//jQuery(this).after('<div>fiveIMG</div>');
			img = 0;
		}
		img++;
	});
});

Comments

[Антон]

Использовать оператор % и считать остаток от деления

Answer 1

[Александр Notfar]

Пока обошелся таким решением, но может у кого то есть более краткий путь(хотелось бы знать на будущее)

jQuery('#ajax-load-more').on( 'DOMNodeInserted', function() {
	var img = 1;
	jQuery('#ajax-load-more .wp-block-image').each(function(){
		if(img == 5) {
			jQuery(this).addClass('fiveIMG');
			img = 0;
		}
		img++;
	});
});

jQuery(document).scroll(function() {	
	jQuery('.fiveIMG').each(function() {
		if(jQuery(this).hasClass('add')) {

		} else {
			jQuery(this).addClass('add');
			jQuery(this).after('<div>test</div>');
		}
	});
});