JSFiddle - React, Tailwind, and code Playground

by jackwanders

HTML

<div class="class1">
    <div>
        <div>
            <h3>Hello</h3>
            <h3>World!</h3>
        </div>
    </div>
</div>

<div class="class2">
    <p>
        <span>
            <h3>Hello</h3>
            <h3>World!</h3>
        </span>
    </p>
</div>

JavaScript

alert('Bad Markup = '+$("div.class2 h3:nth-child(2)").html());

alert('Good Markup = '+$("div.class1 h3:nth-child(2)").html());