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>
<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初学完成tap标签+iframe前端页面的点击切换事件
- Jquery基础_点击按钮使div背景变色_根据class_根据标签_所有都变色_一直动画_实例(二)
- jquery点击li标签之后在该li标签上添加一个class,点击下一个li时删除上一个li的class
- class 标签切换
- Jquery点击数字切换图片
- jquery切换标签时的样式的变换
- jQuery实现两个CSS样式之间的点击切换
- jquery实现图片放大点击切换
- jquery实现html页面的导航的标签内容切换
- Jquery点击a标签注意
- jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?http://www.cnblogs.com/lr393993507/p/6078063.html
- jQuery+css实现的tab切换标签(兼容各浏览器)
- 基于jQuery的对象切换插件:soChange 1.5 (点击下载)
- JQUERY滑动选项卡自动切换鼠标滑过选项卡标签滑动切换选项卡
- 动态添加class名,改变标签样式(包含鼠标移入、移出及点击事件)
- 简洁快速的jQuery版Tab标签切换
- jQuery实现点击单选按钮切换选中状态效果
- Jquery实现对a标签改变选中的背景色 支持多选 再次点击背景色消失
- jQuery实现的tab标签切换效果示例
- JS实现的简单标签点击切换功能示例