获取一堆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)
                }   
版权声明:本文为博主原创文章,未经博主允许不得转载。

相同name的input 判断点击的是第几个,找下标

aaaa
  • yyning01
  • yyning01
  • 2015年08月03日 17:54
  • 156

鼠标点击页面中的任意标签,alert该标签的名称和 js实现点击<li>标签弹出其索引值

方法一 : 在这里我们可以利用冒泡解决该问题 document.onclick = function(e){ var e=(e||event); var o=e["tar...
  • ZYY88886666
  • ZYY88886666
  • 2017年05月20日 20:17
  • 765

jQuery中判断当前点击的是第几个li

使用$(this).index()取得li的下标,下面是一个样式替换的例子: $("#aa li").click(function(){ $("#aa li").removeClass("clas...
  • menghuannvxia
  • menghuannvxia
  • 2014年09月09日 18:12
  • 2744

js实现点击<li>标签弹出其索引值

据说这是一道笔试题,一下是代码,没什么要文字叙述的:
  • u012181244
  • u012181244
  • 2014年10月31日 17:00
  • 6060

点击li标签获取该标签的内容

对Ul下的li标签执行点击事件——如何获取你所点击的标签 问题所来:做项目时,一般的数据都是用循环动态加载出来的,结构都是一样的,只是绑定的值不同,如何对相同的标签做处理的问题就来了。 例如:...
  • hzp666
  • hzp666
  • 2017年02月21日 17:17
  • 321

Spring mvc 前端表单传递来的数据被后台的两个entity的相同名字的属性谁获取的问题

原文地址:http://blog.csdn.net/outlook008/article/details/8455710 当我们的input标签里面写着如下的代码是这样的    会赋值到Spring...
  • u013803262
  • u013803262
  • 2017年10月30日 19:22
  • 201

jquery如何操作类名相同的一组标签(文章后有结合weUI使用的实际例子)

操作相同类名的一组数组标签,不用考虑是否为一组兄弟标签
  • qq_36070288
  • qq_36070288
  • 2017年09月12日 11:45
  • 172

jQuery对所有name为一个值或约等于一个值的标签统一赋值

JSP js: $("label[name^='year']").each(function(){ $(this).text("2012"); }); JSP...
  • line_aijava
  • line_aijava
  • 2011年11月09日 08:50
  • 6306

jq 获得点击的第几个

假如类名为a, 如果是同级(兄弟元素)的,如:ul>ul>可以 $(".a").click(function(){ var a=$(this).index; //或者 var a=$('...
  • liujunxin11
  • liujunxin11
  • 2016年07月18日 10:44
  • 313

JS获取点击标签对象

JS获取点击标签对象: Document 123 function demo(obj,b) { alert(obj.id); a...
  • u013047660
  • u013047660
  • 2015年05月25日 20:58
  • 4566
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:获取一堆name相同的标签,点击弹出显示第几个标签
举报原因:
原因补充:

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