JSFiddle - React, Tailwind, and code Playground

by slace

HTML

<ul id="list" class="list first">
    <li class="item">
        <button>Click</button>
    </li>
</ul>

JavaScript

$('button').click(function () {
    var selector = this.nodeName.toLowerCase(),
        curr = '';

    var el = this.parentElement;

    while (el) {
        curr = el.nodeName.toLowerCase();

        if (el.id) {
            curr = curr + '#' + el.id;
        }

        if (el.className) {
            curr = curr + '.' + el.className.replace(' ', '.');
        }

        selector = curr + ' > ' + selector;
        
        el = el.parentElement;
    }

    alert(selector);
});