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，如果沒有可移除屬性，就不移除。有點話，不會多次添加。