怎么把这两段合并为一个方法呢?他们结构是一样的_html/css_WEB-ITnose
.s-content >.tab
.s-content >.inner
想要的结果是在不同大层里点击tab切换对应顺序的inner
//网址tab var wTag=$("#s_nall_tabs a"); wTag.each(function(){ $(this).click(function(i){ wTag.removeClass("tab-on"); var index=$("#s_nall_tabs a").index(this); $(this).addClass("tab-on"); $("#s_nall_tabs_con .inner").hide(); $("#s_nall_tabs_con .inner").eq(index).show(); }) }); //网址tab var sTag=$(".s-gbuy-hd a"); sTag.each(function(){ $(this).click(function(i){ sTag.removeClass("tab-on"); var index=$(".s-gbuy-hd a").index(this); $(this).addClass("tab-on"); $(".s-gbuy .inner").hide(); console.log(index); $(".s-gbuy .inner").eq(index).show(); }) });
回复讨论(解决方案)
var wTag=$("#s_nall_tabs a,.s-gbuy-hd a");
wTag.each(function(){
$(this).click(function(i){
wTag.removeClass("tab-on");
var index=$("#s_nall_tabs a").index(this);
$(this).addClass("tab-on");
$("#s_nall_tabs_con .inner").hide();
$("#s_nall_tabs_con .inner").eq(index).show();
})
});
var wTag=$("#s_nall_tabs a,.s-gbuy-hd a");
wTag.each(function(){
$(this).click(function(i){
wTag.removeClass("tab-on");
var index=$("#s_nall_tabs a").index(this);
$(this).addClass("tab-on");
$("#s_nall_tabs_con .inner").hide();
$("#s_nall_tabs_con .inner").eq(index).show();
})
});
哇,原来可以这样。。。。我感动哭了要。。。。谢谢 ~
Tab
var wTag=$(".s-content .tab"); wTag.each(function(){ $(this).click(function(i){ var p=$(this).parents(".s-content"); var tabs=p.find(".tab"); var index=tabs.index(this); tabs.removeClass("tab-on"); $(this).addClass("tab-on"); p.find(".inner").hide(); p.find(".inner").eq(index).show(); }) });
再修理好点~
Tab
这个当页面有多个s-content 就不行了的