之前写小项目的时候有用到ul里li元素的index索引值，看想了下可以原生和用jq都可实现取到其索引值。
不仅仅是li,多个相同的标签如img都可以，比如下面的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title></title>
<script src=”img/img/jquery-2.1.1.min.js” type=”text/javascript” charset=”utf-8″></script>
</head>
<body>
<img src=”img/img/1.png”/>
<img src=”img/img/2.png”/>
<script type=”text/javascript”>
var img = document.getElementsByTagName(‘img’);
for (var i = 0; i < img.length; i++) {
//方法1
//
img[i].οnclick=(function(n){
//
return function(){
//
alert(n)
//
}
//
})(i);
//方法2
(function(n){
img[i].οnclick=function(){
alert(n)
}
})(i)
//方法3 先保存index再获取
//img[i].index = i;
//img[i].onclick = function(){
//
alert(“现在弹出保存的索引”+this.index)
//}
}
//
主要这三种原生的方法是都要用到for循环的
//
方法四 引用jquery的方法，jq有index()可以直接用
//$(“img”).on(‘click’,function(){
//
alert($(this).index())
//});
</script>
</body>
</html>