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,如果没有可移除属性,就不移除。有点话,不会多次添加。

  • 相关阅读:
    数据库访问表的问题
    UVA 10943全加和(规律)
    POJ 2594 最小路径覆盖 + 传递闭包
    phonegap入门7 capture.captureVideo 录像
    第二部分 Linux Shell高级编程技巧——第二章 Shell工具
    C#写的光模块烧写软件
    关于java的++和操作符,你真的搞明白了吗?
    MFCATL IDispatch调度接口
    c/c++函数调用约定
    HDOJ 2955 Robberies (0/1背包)
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/2955811.html
Copyright © 2011-2022 走看看