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>
        Text2 + 1
    </div>
</div>

JavaScript

$.fn.ownText = function() {
    return this.eq(0).contents().filter(function(){
       return this.nodeType === 3 && $.trim(this.nodeValue).length;
    }).map(function(){
       return this.nodeValue || null;
    }).get().join('');
}
console.log($('#t2').ownText());