JSFiddle - React, Tailwind, and code Playground

by Anoop Joshi

HTML

<div id="container">
<div>
            <h1>My First Heading</h1>
            <p>My first paragraph.</p>
        </div>

        <div id="1">
            <p id="2">Paragraph First
                <ol id="3">
                    <li id="4">alice
                        <ul id="31">
                            <li id="41">bob</li>
                            <li id="51">foo</li>
                            <li id="61">grow</li>
                        </ul>
                    </li>
                    <li id="5">coding</li>
                    <li id="6">fun</li>
            </ol>
            </p>
        </div>

        <div>
            <p>Paragraph Second</p>
        </div>
</div>

JavaScript

var arr=$("#container *").contents().map(function(){
if( this.nodeType === 3 && this.textContent.trim()!="")
{
    return this.textContent.trim();
}
});

console.log(arr);