$(".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. C++多线程学习之(一)——并发与多线程

    1 并发 计算机领域的并发指的是在单个系统里同时执行多个独立的任务,而非顺序地进行一些活动. 1.1 并发的途径 多进程并发:将应用程序分为多个独立的进程,它们在同一时刻运行,就像同时进行网页浏览和文 ...

  2. RDD概念、特性、缓存策略与容错

    一.RDD概念与特性 1. RDD的概念 RDD(Resilient Distributed Dataset),是指弹性分布式数据集.数据集:Spark中的编程是基于RDD的,将原始数据加载到内存变成 ...

  3. 2018.3.29 div内容格式设置

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

  4. [福大软工] W班 总成绩排行榜

    评分链接 作业1   作业2    作业3    作业4 总分排名

  5. C++之异常捕获和处理

    一.简介   在C++语言中,异常处理包括:throw表达式,try语句块,一套异常类.其中,异常类用于在throw表达式和相关的catch子句之间传递异常的具体信息.exception头文件定义了最 ...

  6. 十款不容错过的Swift iOS开源项目及介绍

    1.十款不容错过的Swift iOS开源项目. http://www.csdn.net/article/2014-10-16/2822083-swift-ios-open-source-project ...

  7. python3变量和数据类型

        变量和数据类型 知识点 python 关键字 变量的定义与赋值 input() 函数 字符串的格式化 实验步骤 每一种编程语言都有它们自己的语法规则,就像我们所说的外语. 1. 关键字和标识符 ...

  8. 第四十六条:for-each循环优先于传统的for循环

    for(Elements e : list) { //doSomeThing-- }

  9. EMC CX4-480服务器raid磁盘数据恢复案例

    [用户信息]上海某公司 [故障描述]需要进行数据恢复的设备是一台EMC CX4的存储服务器,因为硬盘出现故障导致整个存储阵列瘫痪.整个LUN是由7块1TB的硬盘组成的RAID 5.但服务器共有10块硬 ...

  10. XML之自动生成类,添加,修改,删除类的属性

    1. class ClassHelperDemo { public static void Main() { #region 演示一:动态生成类. //生成一个类t. Type t = ClassHe ...