zoukankan      html  css  js  c++  java
  • JQ五星好评效果

    $(".list-txt ul").find("li").click(function(){
        if($(this).index()==0){
            if($(this).hasClass("start")){
                $(this).parents("ul").find("li").eq(1).removeClass("start");
                $(this).parents("ul").find("li").eq(2).removeClass("start");
                $(this).parents("ul").find("li").eq(3).removeClass("start");
                $(this).parents("ul").find("li").eq(4).removeClass("start");
            }else{
                $(this).addClass("start");
            }
        };
        
        if($(this).index()==1){
            if($(this).hasClass("start")){    
                $(this).parents("ul").find("li").eq(2).removeClass("start");
                $(this).parents("ul").find("li").eq(3).removeClass("start");
                $(this).parents("ul").find("li").eq(4).removeClass("start");
            }else{
                $(this).addClass("start");
                $(this).parents("ul").find("li").eq(0).addClass("start");
            }
        };
        if($(this).index()==2){
            if($(this).hasClass("start")){        
                $(this).parents("ul").find("li").eq(3).removeClass("start");
                $(this).parents("ul").find("li").eq(4).removeClass("start");
            }else{
                $(this).addClass("start");
                $(this).parents("ul").find("li").eq(0).addClass("start");
                $(this).parents("ul").find("li").eq(1).addClass("start");
            }
        };
        if($(this).index()==3){
            if($(this).hasClass("start")){        
                $(this).parents("ul").find("li").eq(4).removeClass("start");
            }else{
                $(this).addClass("start");
                $(this).parents("ul").find("li").eq(0).addClass("start");
                $(this).parents("ul").find("li").eq(1).addClass("start");
                $(this).parents("ul").find("li").eq(2).addClass("start");
            }
        };
        if($(this).index()==4){
            if($(this).hasClass("start")){            
            }else{
                $(this).addClass("start");
                $(this).parents("ul").find("li").eq(0).addClass("start");
                $(this).parents("ul").find("li").eq(1).addClass("start");
                $(this).parents("ul").find("li").eq(2).addClass("start");
                $(this).parents("ul").find("li").eq(3).addClass("start");
            }
        };
        var num=$(this).parents("ul").find(".start").length;
        $(this).parents(".list-txt").find("input").val(num)
    })

    越努力,越幸运,come on!!
  • 相关阅读:
    234. Palindrome Linked List
    Remove duplicates
    Unsorted, maximum ==> sorted
    Find one unique integer
    TwoSum
    13. Roman to Integer
    38. Count and Say
    543. Diameter of Binary Tree
    LuoguP1131 [ZJOI2007]时态同步 (树形DP,贪心)
    Luogu3177 [HAOI2015]树上染色 (树形DP)
  • 原文地址:https://www.cnblogs.com/huangjinmei/p/8876684.html
Copyright © 2011-2022 走看看