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

Question

[Sgor Sgor]

Весь контент на странице загружается 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

[Sgor Sgor]

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

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>');
		}
	});
});