JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div id="t1">Text1</div> 
    <div id="t2">
        Text2 
        <ul id="t3">
            <li id="t4">Text3</li>
        </ul>
    </div>
</div>

<h2>Text returned</h2>
<ul class="result">
    <li class="t1Text"></li>
    <li class="t2Text"></li>
    <li class="t3Text"></li>
    <li class="t4Text"></li>

</ul>

JavaScript

$(".t1Text").text($("#t1").clone().children().remove().end().text()); 
$(".t2Text").text($("#t2").clone().children().remove().end().text());
$(".t3Text").text($("#t3").clone().children().remove().end().text());
$(".t4Text").text($("#t4").clone().children().remove().end().text());