关于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
第1个回答 推荐于2018-02-26
$('#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>本回答被提问者和网友采纳
$(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>本回答被提问者和网友采纳
相似回答
