JSFiddle - React, Tailwind, and code Playground

by softvar

HTML

<div class="root">
    <div>
        <div class="test"></div>
        <div>
            <button>Click Me</button>
             <button>Click Me</button>
        </div>
    </div>
</div>

JavaScript

$("button").click(function() {
    var current = this;
    var xpath = getNodeIdentifier(this);

    while (current.parentNode != null) {
        xpath = getNodeIdentifier(current.parentNode) + "/" + xpath;
        current = current.parentNode;
    }

    console.log(xpath);
});

var getNodeIdentifier = function(element) {
    return element.nodeName.toLowerCase() + "." + $(element).index();
};