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!!
  • 相关阅读:
    Linq 入门 顺带 Func与Action
    关于asp.net 的一些好资料地址 , 防止丢失!
    Sql日期时间格式转换 备用
    自己动手写 ASP.NET MVC 分页 part1
    怎么做好一个美食排行榜的用户投票功能?
    「要买车网」免费获取汽车电商要买车网购车优惠券
    MVC Ajax Form & Ajax Valida(笔记)
    C# 序列化高级用法
    我与葡萄城的故事
    生成分布式随机ID
  • 原文地址:https://www.cnblogs.com/huangjinmei/p/8876684.html
Copyright © 2011-2022 走看看