关于JS 遍历 ul li问题

 结构
<div id ="a">
<ul>
<li></li>

<li></li>
<li></li>
<li></li>
<li></li>
<li></li> 
</ul>

</div>

在结构不变的情况下
我单击 每个个li 显示的对应位置 如 第一个 显示 1 第二5个 显示 5

$('#a').find('li').each(function(){
$(this).click(function(){
alert($(this).index())
})
})
别忘了引入jquery
再发一个纯js版本的
<div id="a">
    <ul>
        <li>111111111</li>
        <li>2222222222</li>
        <li>33333333</li>
        <li>4444444</li>
        <li>55555555</li>
        <li>66666666</li>
    </ul>
</div>
<script>
  var cNode =document.getElementById('a').getElementsByTagName('li');
        for( var i=0; i<cNode.length; i++){
            cNode[i].index= i;
            cNode[i].onclick = function(){
                alert( "this index of cNode is : " + this.index);
            }
        }
</script>