js怎么判断点击了哪个li标签啊

Question

当我点击其中一个li时，实现给当前的li添加一个新class属性，当再次点击当前li时移除class属性，实现类似于开关一样的效果？

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

</ul>

Answer 1

window.onload=function(){ var lis=document.getElementsByTagName('li'); for (var i = 0;i < lis.length; i++) { lis[i].index = i; lis[i].onclick=function(){ for(var count = 0; count < this.parentNode.children.length; count++){ if(count != this.index) { this.parentNode.children[count].classList.remove("on"); } else { if(this.classList == 0){ this.classList.add("on") } else { this.classList.remove("on") } } } } } };

Answer 2

window.onload = function() { var openHidden = document.getElementsByClassName('open-hidden'); var detailsItems = document.getElementsByClassName('details-items'); var index = null; for (var i = 0; i < openHidden.length; i++) {  openHidden[i].index = i; openHidden[i].onclick = function(){ index = this.index; toggleClass(index); }; }; function toggleClass(index){ if (detailsItems[index].className=="details-items open-box") { openHidden[index].childNodes[0].className = ""; detailsItems[index].className = "details-items"; } else{ openHidden[index].childNodes[0].className = "open-style"; detailsItems[index].className = "details-items open-box"; }; } };

Answer 3

11行与13行末尾少了结束符“;”

Answer 4

window.onload=function(){ var lis=document.getElementsByTagName('li'); for (var i = 0;i < lis.length; i++) { lis[i].index = i; lis[i].onclick=function(){ for(var count = 0; count < this.parentNode.children.length; count++){ if(count != this.index) { this.parentNode.children[count].classList.remove("on"); } else { if(this.classList == 0){ this.classList.add("on") } else { this.classList.remove("on") }e } } } } };

Answer 5

不知道你在说什么，不过getAttribute和setAttribute或许有用。