zoukankan      html  css  js  c++  java
  • 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,如果没有可移除属性,就不移除。有点话,不会多次添加。

  • 相关阅读:
    IntelliJ Idea的黑色主题+代码高亮
    @EqualsAndHashCode
    @NoArgsConstructor, @RequiredArgsConstructor, @AllArgsConstructor
    springcloud各种网址
    利用PowerDesigner连接Mysql数据库并逆向所有表关系图【两种方式】
    Java 异步实现的几种方式
    如何查看Linux操作系统版本
    Java中关于WeakReference和WeakHashMap的理解
    Java弱引用(WeakReference)的理解与使用
    Unchecked Exception 和 Checked Exception 比较
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/2955811.html
Copyright © 2011-2022 走看看