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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了怎么把这两段合并为一个方法呢？他们结构是一样的_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2964字，纯文字阅读大概需要5分钟。

内容图文

结构：
.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!
        
                    
    

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!

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

内容总结

以上是互联网集市为您收集整理的怎么把这两段合并为一个方法呢？他们结构是一样的_html/css_WEB-ITnose全部内容，希望文章能够帮你解决怎么把这两段合并为一个方法呢？他们结构是一样的_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/402736.html

来源：【匿名】