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!!
  • 相关阅读:
    线程池:第一章:线程池的底层原理
    实战:第一章:防止其他人通过用户的url访问用户私人数据
    java程序报错:Unable to open debugger port (127.0.0.1:63959): java.net.SocketException "socket closed",编译过来就是无法打开调试器端口,套接字已关闭
    面试:第十三章:中高级程序员面试
    队列:第一章:阻塞队列
    我的分享:第三章:SpringCould五大组件
    Linux系统:第十章:服务器环境搭建
    深入理解JUC:第六章:Semaphore信号灯
    编写高质量JS代码的68个有效方法(十三)
    前端构建之gulp与常用插件
  • 原文地址:https://www.cnblogs.com/huangjinmei/p/8876684.html
Copyright © 2011-2022 走看看