jquery each после удаления элемента

есть вот такой код

$('.scrol_title_catc').on('click', '.top_title_cats', function(){
		var target = $(this).data('target'),
			mod_div = $(this),
			i = 1;
			$('.scrol_title_catc').remove('.tc_'+target);

			$('.top_title_cats').each(function(indx, element) {
				$(element).removeClass('sh_tc_3 sh_tc_2 sh_tc_1').addClass('sh_tc_'+i);
				i++;
			});
			$('.scrol_title_catc').append(mod_div);
			$('.tc_'+target).removeClass('sh_tc_3 sh_tc_2 sh_tc_1').addClass('sh_tc_3')
	});

т.е. есть 3 элемента, нужно чтобы при нажатии на любой этот элемент переместился вниз а 2 оставшихся поменяли классы отображения sh_tc_*

суть прблемы очень заметна при нажатии на первый элемент

т.е. он перемещается вниз но массив отчего-то имеет все равно все 3 элемента хотя я заранее удалил 1 из них

я так понял js работает сразу и весь.

т.е. он считывает $('.top_title_cats') до удаления нажатого эленета

как мне с этим справиться?

---------- Добавлено 17.12.2017 в 02:32 ----------

всем спасибо сам справился)))