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

  • 相关阅读:
    linux系统分区表修复
    centos 系统下彻底删除mysql
    mysql数据类型
    mysq 数据库基本管理
    centos 网卡聚合及Cisco交换机链路聚合
    Dell 服务器安装方法介绍
    linux分区之gpt(大于2T的分区)
    windows server 2008 远程桌面连接数修改--无限连接
    C# WinForm控件美化扩展系列之ListBox
    C# 文件 文件夹
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/2955811.html
Copyright © 2011-2022 走看看