Question

关于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

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）

Answer 1

$('#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>