关闭

打印li索引值

86人阅读 评论(0) 收藏 举报
分类:
<ul>
<li>这是第一条alert(0)</li>
<li>这是第二条alert(1)</li>
<li>这是第三条alert(2)</li>

</ul>


原生javascript实现:

		var lis = document.getElementsByTagName('li');
		console.log(lis)
		for (var i = 0;i < lis.length; i++) {
			console.log(i)
      lis[i].index = i;
      lis[i].onclick=function(){
        var j=this.index+1;
        alert(typeof j);
      }
    }
		
		for(var key in lis){
			lis[key].index = key;
			lis[key].onclick = function(){
				var index = parseFloat(this.index)+1;
				console.log(index)
			}
		}
		

jQuery实现:

		$('li').click(function(){
			var index = $(this).index()+1;
			console.log(index)
		})




0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

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

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

利用JS输出ul下li的index索引值

打印索引
  • anxiaomo1
  • anxiaomo1
  • 2017-03-31 08:57
  • 2576

js点击获取当前li标签的index值

Document li{ background-color: red; } window.onload=function(){ var list =docu...
  • u011456552
  • u011456552
  • 2016-08-23 15:50
  • 7547

原生js点击ul下边li显示其索引值的”n“种方法

ul,li点击出现索引值的几种方法,欢迎阅读调试代码,交流沟通
  • sinat_38751216
  • sinat_38751216
  • 2017-07-26 17:03
  • 224

鼠标点击li元素,弹出各自索引值

这篇博客我主要是把鼠标点击li元素,弹出各自索引值的几种方法进行总结。问题:如下代码所示有好多li元素。实现的效果是当鼠标点击某个li元素时弹出自己的索引值(当然这里不是弹出它的innerHTML,这...
  • l505_
  • l505_
  • 2016-11-19 16:12
  • 572

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

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

c# ListView CheckBox 索引值

  • 2013-08-22 16:00
  • 39KB
  • 下载

数据库函数,获得数组中值的索引值

  • 2016-04-07 16:50
  • 1KB
  • 下载

DevExpress中的repositoryItemComboBox控件得到索引值和选项值

  • 2017-11-21 18:53
  • 62KB
  • 下载

js检查某个元素在数组中的索引值

在现在代浏览器中判断一个元素在不在一个数组中,咱们可以用Array对象的indexOf()方法来取得这个元素在当前数组中的索引值,若索引值不等于-1,数组中就存在这个元素, 例如: ...
  • qjiasfxj
  • qjiasfxj
  • 2016-11-26 13:33
  • 87
    个人资料
    • 访问:13721次
    • 积分:516
    • 等级:
    • 排名:千里之外
    • 原创:33篇
    • 转载:36篇
    • 译文:0篇
    • 评论:0条
    文章分类