打印li索引值

<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)
		})




posted @ 2017-10-08 10:23  hefeng6500  阅读(197)  评论(0编辑  收藏  举报