想要实现的效果是点击某个a链接,对应的div会显示出来,其他的div隐藏
一共有7个a链接和7个div
代码:
var $tab_a = $(".tab_a"); var $tab_div = $(".tab_div"); for (var i = 0; i < $tab_a.length; i++){ $($tab_a[i]).on('click', function () { document.write(i); //7 if($($tab_a[i]).attr("class") === 'tab_a current_a') return; for (var j = 0; j < $tab_div.length; j++){ if (i == j){ $(this).addClass("current_a").parent().siblings().find("a").removeAttr("current_a"); } } //$(this).addClass("current_a").parent().siblings().find("a").removeAttr("current_a"); }); }
得不到想要的切换效果,而且打印出来的i是总数7,求解谢谢~
相关分类