JSFiddle - React, Tailwind, and code Playground

HTML

<div id="title1"></div>
<div id="new1"></div>
<div id="title2"></div>
<div id="new2"></div>

JavaScript

var str1="<html><body><div id='item1'><h2>This is a heading1</h2><p>This is a paragraph1.</p></div><div id='item2'><h2>This is a heading2</h2><p>This is another paragraph.</p></div><div id='lastdiv'>last</div></body></html>";

var $str1 = $(str1);//this turns your string into real html

//target something, fill it with something from the string
$('#title1').text( $str1.find('h2').eq(0).text() );
$('#new1').html( $str1.find('p').eq(1).text() );
$('#title2').text( $str1.find('h2').eq(1).text() );
$('#new2').html( $str1.find('p').eq(1).text() );