点击 li 弹出其 index
2015-09-25 23:19
393 查看
html机构:
<ul id="test">
<li>我是第1个li</li>
<li>我是第2个li</li>
<li>我是第3个li</li>
</ul>
1、使用JS闭包的方法:
var liObj = document.getElementById("test").getElementsByTagName("li");
for(i=0;i<liObj.length;i++){
liObj[i].index = i;
liObj[i].onclick = function(){
alert(liObj[this.index].index);
}
}
2、使用jquery:
$("ul").delegate("li","click",function(){
var index = $(this).index();
alert(index);
})
<ul id="test">
<li>我是第1个li</li>
<li>我是第2个li</li>
<li>我是第3个li</li>
</ul>
1、使用JS闭包的方法:
var liObj = document.getElementById("test").getElementsByTagName("li");
for(i=0;i<liObj.length;i++){
liObj[i].index = i;
liObj[i].onclick = function(){
alert(liObj[this.index].index);
}
}
2、使用jquery:
$("ul").delegate("li","click",function(){
var index = $(this).index();
alert(index);
})
相关文章推荐
- 欢聚时代笔试题,滴滴出行编程题
- -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable a
- Scala深入浅出进阶经典 第55讲:Scala中Infix Type实战详解
- 欢聚时代笔试题,滴滴出行编程题
- 代码风格的问题
- JavaScript高级程序设计之基本概念之语法 第3.1讲笔记
- 数字金额转化为汉字大写金额
- Scala深入浅出进阶经典 第54讲:Scala中复合类型实战详解
- 展示之前的作品
- Scala深入浅出进阶经典 第53讲:Scala中结构类型实战详解
- PCB布线原则总结
- 12864无字库液晶显示(一)
- 专业实训题目需求分析
- 关于WinCE开发的一些心得(3)
- 《深入理解Linux网络技术内幕》阅读笔记(四)
- 5 偏好设置(数据存储)
- 图论--无向图点双连通分量模板
- IOS TableView的Cell高度自适应,UILabel自动换行适应
- 算法导论习题,思考题题解博主录
- Scala深入浅出进阶经典 第52讲:Scala中路径依赖代码实战详解