您的位置:首页 > Web前端 > JQuery

JQuery 点击标签切换class

2014-01-24 11:19 288 查看
最近在做帮助中心迁徙的时候,遇到要把好多公用的内容迁移到cms做成碎片,这样以后在维护的时候只需要修改碎片就可以了,而不用修改每一个页面了,比较好维护,但是在迁移的过程中遇到点击一个table class不变,内容是可以变的,于是就用jquery判断内容的div值,如果内容的div值等于table的值,就把这个li的class重新设置,代码如下:
<script language="javascript">
//直接执行,不用调用
$(document).ready(function(){
//about_line_text为内容标题class,html代表把后边的html标签也取出来
var value = $(".about_line_text").html();
//substring截取0到<span ,去掉空格
var tempValue = value.substring(0,value.indexOf("<span")).trim();
//开始在li中查找,each循环查找
$(".about_left").find("li").each(function(i){
//如果第一个相等
if($(this).children("a").text() == tempValue){
//添加class并且替换内容
$(this).addClass("about_left_visited").html(tempValue);
}
});
});
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  替换 查找 jquery