JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<div>
    sample text in div 1
    <ul>
        <li>list item 1 in 1st div</li>
        <li>list item 2 in 1st div <strong>(bold text)</strong></li>
    </ul>
</div>
<div> second div here with <em>emphasized</em> text</div>

CSS

strong{font-weight:bold;}
em{font-style:italic;}
li{margin-left:15px;padding-left:5px;list-style:disc}

JavaScript

$(document).delegate('*','click',function(){
    var path = $(this).parents().andSelf();
    var xpath='/';
    for (var i = 0; i < path.length; i++)
    {
        var nd = path[i].nodeName.toLowerCase();
        xpath += '/';
        if (nd != 'html' && nd != 'body')
        {xpath += nd+'['+ ($(path[i-1]).children().index(path[i])+1) +']';}
        else
        {xpath += nd;}                    
    }
    alert(xpath);
    return false;
});