JSFiddle - React, Tailwind, and code Playground

by peeter

HTML

<html>
    <body>
        <div class="example">
            <p>foo</p>
            <span><a href="bar">bar</a></span>
        </div>
    </body>
</html>

JavaScript

$(document).ready(function() {
    $("*").click(function(e) {
        var path = [];
        $.each($(this).parents(), function(index, value) {
            var id = $(value).attr("id");
            var class = $(value).attr("class");
            var element = $(value).get(0).tagName
                path.push(element + (id.length > 0 ? " #" + id : (class.length > 0 ? " .": "") + class));
        });
        console.log(path.reverse().join(">"));
        return false;
    });
});