JSFiddle - React, Tailwind, and code Playground

by ThiefMaster

HTML

<div><div></div></div>
<div> <!-- 1 -->
    <span></span>
    <div> <!-- 1 -->
        <div></div>
        <span></span>
        <div> <!-- 2 -->
            <div> <!-- 0 -->
                <div id="blah"></div>
            </div>
        </div>
    </div>
    <span></span>
</div>
<span></span>
<div></div>

JavaScript

var location = [];
$('#blah').parents().not('html, body').each(function() {
    location.push(':nth-child('+($(this).index())+')');
});
location.reverse();
var selector = '> ' + location.join(' > ');
alert(selector);


alert($(selector, 'body').length);