为什么我写的js选项卡切换效果无法实现，求解

JavaScript031

为什么我写的js选项卡切换效果无法实现，求解,第1张

<div class="whole">

<ul>

<li>选项卡1</li>

<li>选项卡2</li>

<li>选项卡3</li>

<li>选项卡4</li>

</ul>

<div class="content">

这是

</div>

</div>

<script>

document.querySelectorAll(".whole li").forEach(function(e,i){

e.onclick=function(){

document.querySelector(".content").innerHTML='选项卡'+(i+1)+'内容'

}

})

</script>

附注：你的代码从思路上就已经错了，比如说你把函数声明直接放到循环中，这就大错特错了。

//注意：变量id一定要为数字！

//需要引用jQuery包

$("#t1 a").click(function(){ //获取id为t1的div下面的所有a标签

var id = $(this).attr("id").substr(5)//截取当前点击的对象的id属性的第6位及之后的字符

$("#t1 a").attr("class","")//使所有的a标签的class样式都为空

$(this).attr("class","sel")//使被点击的a标签更换class样式为sel

$(".we").hide()//所有的class名为we的都隐藏

$("#w"+id).show()//让其中的一个class名为we并且id为w+id的div显示

})