欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

怎么把这两段合并为一个方法呢?他们结构是一样的_html/css_WEB-ITnose

程序员文章站 2022-04-23 12:17:21
...
结构:
.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 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 content!


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