JQuery点击标签切换class-创新互联
最近在做帮助中心迁徙的时候,遇到要把好多公用的内容迁移到cms做成碎片,这样以后在维护的时候只需要修改碎片就可以了,而不用修改每一个页面了,比较好维护,但是在迁移的过程中遇到点击一个table class不变,内容是可以变的,于是就用jquery判断内容的div值,如果内容的div值等于table的值,就把这个li的class重新设置,代码如下:
南县网站建设公司成都创新互联公司,南县网站设计制作,有大型网站制作公司丰富经验。已为南县上千提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的南县做网站的公司定做!//直接执行,不用调用
$(document).ready(function(){
//about_line_text为内容标题class,html代表把后边的html标签也取出来
var value = $(".about_line_text").html();
//substring截取0到 var tempValue = value.substring(0,value.indexOf(" //开始在li中查找,each循环查找 $(".about_left").find("li").each(function(i){ //如果第一个相等 if($(this).children("a").text() == tempValue){ //添加class并且替换内容 $(this).addClass("about_left_visited").html(tempValue); } }); }); 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站栏目:JQuery点击标签切换class-创新互联
标题路径:http://scyanting.com/article/dssepj.html