JSFiddle - React, Tailwind, and code Playground

by Paul Leech

HTML

<ul>
            <li><a href="#" onclick="GetIndex(this);">One</a></li>
            <li><a href="#" onclick="GetIndex(this)">Two</a></li>
            <li><a href="#" onclick="javascript:GetIndex(this)">Three</a></li>
            <li><a href="#" onclick="GetIndex(this)">Four</a></li>
        </ul>

<script>
function GetIndex(sender)
{
    var aElements = sender.parentNode.parentNode.getElementsByTagName("a");
    var aElementsLength = aElements.length;

    var index;
    for (var i = 0; i < aElementsLength; i++)
    {
        if (aElements[i] == sender) //this condition is never true
        {
            index = i;
            alert("found match at "+i );
            return index;
        }
    }
}
</script>