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); } }); });
当前名称:JQuery点击标签切换class
分享链接:http://azwzsj.com/article/jhjdec.html