Как перемещать блоки с одинаковым классом?

Question

[Sgor Sgor]

Есть структура:

<section>
	<div class="first">
	</div>
	<div class="second"> 1 </div>
	<div class="third"> 1 </div>
	
	<div class="first">
	</div>
	<div class="second"> 2 </div>
	<div class="third"> 2 </div>
	
	<div class="first">
	</div>
	<div class="second"> 3 </div>
	<div class="third"> 3 </div>
</section>

Как переместить блоки с классами second и third в блок first, который находится перед ними? Т.е., чтобы структура была таковой:

<section>
	<div class="first">
		<div class="second"> 1 </div>
		<div class="third"> 1 </div>
	</div>
	
	<div class="first">
		<div class="second"> 2 </div>
		<div class="third"> 2 </div>
	</div>
	
	<div class="first">
		<div class="second"> 3 </div>
		<div class="third"> 3 </div>
	</div>
</section>

Answer 1

[Sgor Sgor]

Да, это все не правильно но работает.

jQuery(function() {
	jQuery('body').prepend('<div class="tex_row_bl"><div>');
	jQuery('.tex_row_bl').each(function(i,elem) {
		jQuery('.elementor-1351 .elementor-inner .elementor-section-wrap .elementor-top-section:nth-child('+i+') .tex_row_bl').appendTo('.elementor-1351 .elementor-inner .elementor-section-wrap .elementor-top-section:nth-child('+i+') .elementor-tab-content');
		jQuery('.elementor-1351 .elementor-inner .elementor-section-wrap .elementor-top-section:nth-child('+i+') .img_row_bl').appendTo('.elementor-1351 .elementor-inner .elementor-section-wrap .elementor-top-section:nth-child('+i+') .elementor-tab-content');
	});
});

оно же

jQuery(function() {
	jQuery('body').prepend('<div class="second"><div>');
	jQuery('.second').each(function(i,elem) {
		jQuery('.second').appendTo('.first:nth-child('+i+')');
		jQuery('.third').appendTo('.first:nth-child('+i+')');
	});
});