$(".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)
})

JQ五星好评效果的更多相关文章

  1. 如何用jQuery实现五星好评

    jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率. Js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里面来就可以了. 接下 ...

  2. jQuery实现简单的五星好评

    最近一直在认真的努力工作,今天工作完成得差不多了,比较轻松点,在工作中有遇到用jq实现五星好评功能,觉得简单又有用,所以空闲时间就想分享出来. css部分: <style> .u_star ...

  3. 亲,麻烦给个五星好评!—RatingBar

    引言 上一篇的CheckBox已经让大家越来越接近实战演练了,本章我们继续分享干货给大家,今天介绍一个实用的UI控件RatingBar(星级评分条),对于使用过电商APP(某东,某宝等)的小伙伴们来说 ...

  4. JQ实现弹幕效果

    JQ实现弹幕效果,快来吐糟你的想法吧 效果图: 代码如下,复制即可使用: <!DOCTYPE html> <html> <head> <meta charse ...

  5. js五星好评

    一般我们在一些购物以及美食的网站都会看到五星好评之类的,一下是使用js制作的五星好评! <!DOCTYPE html> <html lang="en"> & ...

  6. 修改css样式+jq中的效果+属性操作+元素操作

    :checked    选框选中的 一.修改css样式: 1.参数只写属性名,则返回属性值 $(this).css( ' color ');   //300px 2.参数是属性名,属性值,逗号分隔,是 ...

  7. 五星评分效果 原生js

    五星评分在很多地方都可以用到,网上也有插件或者相应的代码,在这里我给大家提供一款我自己写的超级简单实用的五星评分代码,连图片都不需要 <!-- 评分start --> <ul> ...

  8. 今天讲的是JQ 的动画效果

    老规矩,先贴代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...

  9. jq菜单折叠效果

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

随机推荐

  1. linux --> 计算机是如何启动的?

    计算机是如何启动的? 零.boot的含义 "启动"用英语怎么说?回答是boot.boot原来的意思是靴子,"启动"与靴子有什么关系呢? 原来,这里的boot是b ...

  2. hostPath Volume - 每天5分钟玩转 Docker 容器技术(148)

    hostPath Volume 的作用是将 Docker Host 文件系统中已经存在的目录 mount 给 Pod 的容器.大部分应用都不会使用 hostPath Volume,因为这实际上增加了 ...

  3. MIPCMS V3.1.0 远程写入配置文件Getshell过程分析(附批量getshell脚本)

      作者:i春秋作家--F0rmat 0×01 前言 今天翻了下CNVD,看到了一个MIPCMS的远程代码执行漏洞,然后就去官网下载了这个版本的源码研究了下.看下整体的结构,用的是thinkPHP的架 ...

  4. java中的异常类型以及区别????

    一.引言 根据JDK的文档我们能够找到异常所在的包:java.lang.Throwable中,Throwable是所有异常类的根类,error是错误,在java.lang.error中,而Except ...

  5. (译文)开始学习Vue.js特性--Scoped Slots

    什么是scoped slots A scoped slot is a special type of slot that functions as a reusable template (that ...

  6. web面试题

    1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? Ie(Ie内核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

  7. 刚入大学B. http://mp.weixin.qq.com/s/ORpKfX8HOQEJOYfwvIhRew

    自己对计算机还是比较感兴趣的,经过不断的努力,我相信我可以在这一专业中显露头角,我会努力向博主学习.理想的大学是自由,快乐,可以学到很多知识的地方,未来我想在lt行业进行软件开发等项目,为了梦想我会不 ...

  8. Linux下I/O多路转接之epoll(绝对经典)

    epoll 关于Linux下I/O多路转接之epoll函数,什么返回值,什么参数,我不想再多的解释,您不想移驾,我给你移来: http://blog.csdn.net/colder2008/artic ...

  9. 2017-2018-1 我爱学Java 第三周 作业

    Team Presentation 团队展示 队员学号 队名 团队项目描述 队员风采 团队首次合照 团队的特色描述 团队初步合作 前两周合作过程中的优缺点 如何改进 团队选题 确立,建立和初步熟悉团队 ...

  10. Swift - 使用导航条和导航条控制器来进行页面切换并传递数据

    转自:http://www.hangge.com/blog/cache/detail_586.html