JSFiddle - React, Tailwind, and code Playground

HTML

<body>

        <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>

        <button>clcik</button>
    </body>

JavaScript

$('button').on('click',function(e){
    var arr = [];
    $(document).find('li,p,h1').each(function(e){
        arr.push(($(this).clone().children().remove().end().text()).trim());
    })
})