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!!
  • 相关阅读:
    GKB版本与UTF-8版本有什么区别(转载)
    如何与项目开发方对接
    php查询数据集的几种方式(mysql_unbuffered_query()与mysql_query()的区别)
    怎么去执行文件读写 ?
    Python中(集合、元祖、字典)等词汇基本语法
    Python入门~list 相关语法
    Python入门-基础语法实践
    newman + postman 环境搭建
    萌新驾到,请多多关照!
    切片、非空即真
  • 原文地址:https://www.cnblogs.com/huangjinmei/p/8876684.html
Copyright © 2011-2022 走看看