获取一堆name相同的标签,点击弹出显示第几个标签

原创 2016年08月31日 12:32:09

本题主要考察闭包的用法有三种解法

1. html部分;
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
        <li>555</li>
2. javascript部分;
        2.1第一种写法;自定义属性法
            var lis = document.getElementsByTagName("li");
            for(var i=0; i<lis.length; i++){
                lis[i].index = i+1;
                lis[i].onclick = function(){
                    alert(this.index);
                }
            }   
        2.2 第二种解法:闭包法
            var lis = document.getElementsByTagName("li");
            for(var i=0; i<lis.length; i++){
                (function(i){
                    lis[i].onclick = function(){
                        alert(i+1); 
                    } 
                })(i)
            }   
        2.3第三种解法:闭包返回值法;(不推荐使用) 
            var lis = document.getElementsByTagName("li");
                for(var i=0; i<lis.length; i++){
                    lis[i].onclick =(function(i+1){
                        return  function(){
                            alert(i+1);
                        }
                    })(i+1)
                }   

jQuery实现点击文本框弹出热门标签的提示示例

http://www.w3.org/1999/xhtml">     jQuery实现点击文本框弹出热门标签的提示示例_网页代码站     ...

a标签点击跳转或表单提交前弹出确认框

在做一些删除等的操作时,在跳转链接前,需要弹出一个确认框确认,避免误点 a href="http://www.baidu.com" onclick="if(confirm('...
  • bfboys
  • bfboys
  • 2016年10月07日 09:53
  • 2512

统计报表中嵌入<a>标签,点击实现弹出清单功能

前两天帮着做了下统计报表的清单功能,功能很简单,统计报表的数据都是后台通过对多表联查等产生的,页面上就是一个Table,长的还蛮像回事的。      由于报表这块的前期设计并不全面,没有考虑到后期清单...
  • lfsfxy9
  • lfsfxy9
  • 2013年03月11日 22:57
  • 2094

移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c

移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 1、关闭iOS键盘首字母自动大写 2、禁止文本缩...
  • lamenw
  • lamenw
  • 2017年06月01日 18:03
  • 1115

jquery 触发a标签点击事件,弹出页面;不被浏览器屏蔽拦截的打开窗口的方法

jquery 触发a标签点击事件,弹出页面 2015-04-13 17:00 1700人阅读 评论(0) 收藏 举报 下一步 $("#alink").click(); // 触发了a标签的点击事...

jquery 触发a标签点击事件,弹出页面

下一步 $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a...

Jquery实现多层元素点击结果叠加效果_获取标签内容_叠加实例

1 原理,分别定义不同层标签,使用+连接号 累加获取内容 代码如下 4-4-1 *{margin:0;padding:0;} body { font-size: 13px; line-...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:获取一堆name相同的标签,点击弹出显示第几个标签
举报原因:
原因补充:

(最多只允许输入30个字)