<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显示
})
