<ul id="container">
<li>只是第一条</li>
<li>只是第二条</li>
<li>只是第三条</li>
</ul>
const ul = document.getElementById('container');
const li = document.querySelectorAll('li');
ul.addEventListener('click', function(e, index){
const target = e.target
for(let i = 0; i < li.length; i++){
if(li[i] == target){
alert(`当前处于ul的第${i+1}条。`);
}
}
});
const list = document.getElementById('container').children;
for(var i=0; i < list.length; i++){
list[i].setAttribute('index',i+1);
list[i].onclick=function ( ) {
alert("当前处于ul的第"+this.getAttribute('index')+"条。");
}
}
var lis = document.querySelectorAll("li");
for(var i = 0; i < lis.length; i++) {
lis[i].onclick = (function(i) {
return function(){
alert(`当前处于ul的第${i+1}条。`);
}
})(i);
}