下面是js代码
<script type="text/javascript"> //选项卡头部 获取div-ul下的li标签 var tabcont = $(".zsl-favourable-child-tab>ul li.nav-tab"); console.log(tabcont);//控制台数组有4条 //显示的内容 var nav = document.getElementsByClassName("zsl-favourable-child-content"); console.log(nav);//控制台数组有4条 //首页-专享优惠-国内优惠机票-广州 // 选项卡头部循环 for (var k = 0; k < tabcont.length; k++) {
//对tabcont数组进行循环 tabcont[k].index = k; //判断哪一个头部li标签被点击 tabcont[k].onclick = function () {
//对tabcont数组进行循环 for (var l = 0; l < tabcont.length; l++) {
tabcont[l].className = " nav-tab"; //所有li设置不被点击状态 nav[l].className = "zsl-favourable-child-content tab-pane hide"; //所有的div内容设置为hide状态 } //当前被点击的选项卡li 高亮样式 this.className = "current nav-tab"; nav[this.index].className = "zsl-favourable-child-content tab-pane "; } } </script> 
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/228154.html原文链接：https://javaforall.net
