jQuery之each方法

简介:
+关注继续查看

代码:

复制代码
<script>
    $(document).ready(function(){
        //检测是否有lesson_id传入
        var lesson_id = "<!--{$lessonId}-->";
        if(lesson_id>0){
            $('.cursor').each(function(i){
                if($(this).attr('val') == lesson_id){
                    $(this).removeClass('cj_li').addClass('fw');//没有的话就不移除,有的话就不重复添加,多次点击依旧如此
                    $(this).siblings('.cursor').removeClass('fw').addClass('cj_li');
                }
            });
        }
        
        //切换查看
        $(".cursor").click(function(){
            $(this).removeClass('cj_li').addClass('fw');//没有的话就不移除,有的话就不重复添加,多次点击依旧如此
            $(this).siblings('.cursor').removeClass('fw').addClass('cj_li');
            //获取type
            var type = $("input[name=type]").val();
            //获取sequence
            var sequence = $("input[name=sequence]").val();
            //获取sequence_name
            var sequence_name = $("#seqName").text();
            //获取lesson_id值
            var lesson_id = $(this).attr('val');
            if("undefined"==typeof(lesson_id)){
                //获取全科排名
                if(type!=null&&sequence!=null&&sequence_name!=null){
                    location.href=("/exams/teacher/showclassstat/sequence/"+sequence+"/type/"+type+"/sequence_name/"+sequence_name);
                }
            }else{
                //获取单科排名
                if(type!=null&&sequence!=null&&sequence_name!=null&&lesson_id!=null){
                    location.href=("/exams/teacher/showclassstat/sequence/"+sequence+"/type/"+type+"/sequence_name/"+sequence_name+"/lesson_id/"+lesson_id);
                }
            }
            
            
            
        });
    });
</script>
复制代码

解析:

1 $('.cursor').each(function(i){
2                 if($(this).attr('val') == lesson_id){
3                     $(this).removeClass('cj_li').addClass('fw');//没有的话就不移除,有的话就不重复添加,多次点击依旧如此
4                     $(this).siblings('.cursor').removeClass('fw').addClass('cj_li');
5                 }
6             });

这里用到了each方法

对类名为cursor的元素集进行一一处理,

$(this)就代表这次循环的当前对象,

如果其属性的值与lesson_id相等,就进行样式处理。

正如注释所言,removeClass,如果没有可移除属性,就不移除。有点话,不会多次添加。



本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/archive/2013/03/12/2955811.html如需转载请自行联系原作者

相关文章
|
JavaScript
jquery 获取单选框值的方法
jquery 获取单选框值的方法
815 0
|
JavaScript
利用jquery的attr方法一行代码实现的简单的图片切换效果
利用jquery的attr方法一行代码实现的简单的图片切换效果
121 0
利用jquery的attr方法一行代码实现的简单的图片切换效果
|
JavaScript
Jquery操作文本内容(三个方法:html()、text()、var())
Jquery操作文本内容(三个方法:html()、text()、var())
|
JavaScript 前端开发 Java
js与jQuery的区别以及jQuery选择器和方法的使用
js与jQuery的区别以及jQuery选择器和方法的使用
js与jQuery的区别以及jQuery选择器和方法的使用
|
前端开发 JavaScript
每日一学—jQuery css()方法
jQuery css()方法的学习
135 0
每日一学—jQuery css()方法
|
前端开发 JavaScript
Web前端学习:jQuery基础--3【jquery操作样式类名、添加元素、jQuery-CSS()方法】
Web前端学习:jQuery基础--3【jquery操作样式类名、添加元素、jQuery-CSS()方法】
111 0
Web前端学习:jQuery基础--3【jquery操作样式类名、添加元素、jQuery-CSS()方法】
|
JavaScript 前端开发 Java
【笔记10】JS的类、继承、Getter和Setter、jQuery的extend方法
最近要使用 Layui mini 单页版进行后台管理项目的前端页面的开发。完完全全使用 Layui 的模块化开发项目还是比较伤脑筋,所以我决定对 Layui mini 单页版进行自己的封装。封装需要了解 JS 相关的语法和知识点,该篇文章就是对封装过程中 JS 知识点的记录。 技术支持:https://www.runoob.com/js
171 0
【笔记10】JS的类、继承、Getter和Setter、jQuery的extend方法
|
JavaScript 数据安全/隐私保护
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
99 0
jQuery的DOM文档对象模型,常见的事件,遍历,validate插件,自定义事件方法
|
前端开发 JavaScript API
jQuery 多库共存与修改样式方法
jQuery 多库共存与修改样式方法
jQuery 多库共存与修改样式方法
|
JavaScript 前端开发 索引