$(".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. markdown语法小结

    引用数学公式1 \[ \begin{equation} \pi^2=x^2+y \label{eq_lab1} \end{equation} \] Here we cite this equation ...

  2. 如何在win10查看wifi密码

    tep1 找到wifi图标 step 2 右键点击打开网络共享中心 没有啦!!

  3. VS2013创建Windows服务 || VS2015+Windows服务简易教程

    转自:https://www.cnblogs.com/no27/p/4849123.htmlhttps://blog.csdn.net/ly416/article/details/78860522 V ...

  4. <经验杂谈>C#对CA证书加密解密的简单介绍

    最近做项目接触了一些关于用CA证书加密解密的知识,现在分享一下,加密主要分为对称加密和非对称加密以及单项加密这三种,CA是一个权威的第三方认证机构,CA加密有公钥和私钥之分. 以下是C#读取证书文件进 ...

  5. java多线程(二)-线程的生命周期及线程间通信

    一.摘要    当我们将线程创建并start时候,它不会一直占据着cpu执行,而是多个线程间会去执行着这个cpu,此时这些线程就会在多个状态之间进行着切换. 在线程的生命周期中,它会有5种状态,分别为 ...

  6. maven的使用(基础1)

    这是我第一次写博客,这个想法源于我的师傅对我的建议,一是与大家一起进步,二是让自己养成总结的好习惯. "如果你步入的maven的世界,你便打开了Java的另一扇大门". 这篇文章是 ...

  7. 通过cmd命令行连接mysql数据库

    找到 mysqld.exe所在的路径 使用cd切换到msyqld.exe路径下 输入mysql连接命令,格式如下 Mysql  -P 端口号  -h  mysql主机名\ip -u root (用户) ...

  8. C语言第四次作业--嵌套循环

    一.PTA实验作业 题目1:打印九九口诀表 1.本题PTA提交列表 2.设计思路 (1)定义三个整形变量n,j,i,n表示任意给定的正整数. (2)输入一个正整数n. (3)令i=1,i<=n, ...

  9. HTTP协议中PUT和POST使用区别

          有的观点认为,应该用POST来创建一个资源,用PUT来更新一个资源:有的观点认为,应该用PUT来创建一个资源,用POST来更新一个资源:还有的观点认为可以用PUT和POST中任何一个来做创 ...

  10. Java ftp 上传文件和下载文件

    今天同事问我一个ftp 上传文件和下载文件功能应该怎么做,当时有点懵逼,毕竟我也是第一次,然后装了个逼,在网上找了一段代码发给同事,叫他调试一下.结果悲剧了,运行不通过.(装逼失败) 我找的文章链接: ...