Obtener el índice del elemento de la lista en la lista HTML ul usando Javascript

Question

Oct 27, 2010, 01:20 PM

Obtener el índice del elemento de la lista en la lista HTML ul usando Javascript

Tengo la siguiente página HTML:

<html>
    <head>
        <script type="text/javascript" src="JavaScript/Menu.js"></script>
    </head>
    <body>
        <ul>
            <li><a onclick="GetIndex(this)">One</a></li>
            <li><a onclick="GetIndex(this)">Two</a></li>
            <li><a onclick="GetIndex(this)">Three</a></li>
            <li><a onclick="GetIndex(this)">Four</a></li>
        </ul>
    </body>
</html>

Y el javascript Menu.js:

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;
            return index;
        }
    }
}

¿Por qué nunca se cumple la condición comentada? ¿Cómo puedo comparar si los dos elementos HTML son iguales en Javascript? Gracias por toda la ayuda.