结构：
.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 tab-1 tab-2 tab-3
tab-1 content!
tab-2 content!
tab-3 content!


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 tab-1 tab-2 tab-3
tab-1 content!
tab-2 content!
tab-3 content!


这个当页面有多个s-content 就不行了的