<ul>
<li>这是第一条alert(0)</li>
<li>这是第二条alert(1)</li>
<li>这是第三条alert(2)</li>
jQuery实现:
<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].οnclick=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)
})