JSFiddle - React, Tailwind, and code Playground

by Reddy Prasad Andhe

HTML

<div class="parent-container">
	<div class="pc-1">
		<h1>Hello world</h1>
		<div class="pc-2">
			<section>Original content 1</section>
			<p>Some more content</p>
		</div>
	</div>
</div>

<div class="parent-container">
	<div class="pc-1">
		<h1>Hello world</h1>
		<div class="pc-2">
			<section>Original content 2</section>
			<p>Some more content</p>
		</div>
	</div>
</div>

<div class="parent-container">
	<div class="pc-1">
		<h1>Hello world</h1>
		<div class="pc-2">
			<section>Original content 3</section>
			<p>Some more content</p>
		</div>
	</div>
</div>

JavaScript

$('.parent-container').each(function () {
    jQuery(this).find('section').appendTo($(this));
    jQuery(this).find('div').remove();
		jQuery(this).find('h1').remove();
});