$(".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. [mysql] MySQL解压缩安装步骤

    以前装的MySQL出问题了,只好卸载了. 又下载了一个mysql-5.6.24-win32.1432006610.zip.msi文件直接安装就行了.这里需要解压到指定目录,配置后可使用. 环境变量配置 ...

  2. Lucene 4.4.0中常用的几个分词器

    一.WhitespaceAnalyzer 以空格作为切词标准,不对语汇单元进行其他规范化处理.很明显这个实用英文,单词之间用空格. 二.SimpleAnalyzer 以非字母符来分割文本信息,并将语汇 ...

  3. java.lang的详细解读

    软件包    java.lang 提供java编程语言实现程序设计的基础类 接口摘要 1> appendable  提供被添加char序列和值的对象 2>charSquence char值 ...

  4. Redis一次数据丢失(转)

    一台Redis服务器,4核,16G内存且没有任何硬件上的问题.持续高压运行了大约3个月,保存了大约14G的数据,设置了比较完备的Save参数.而就是这台主机,在一次重起之后,丢失了大量的数据,14G的 ...

  5. 实现Windows程序的数据的绑定

    1.创建DataSet对象 语法: DataSet  数据集对象  =new  DataSet("数据集的名称字符串"); 语法中的参数是数据集的名称字符串,可以有,也可以没有.如 ...

  6. 移动端H5地图离线瓦片方案

    文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景 移动端的网速和流量耗费是移动开发必须考虑的两个点.常规的瓦片展 ...

  7. 多目标跟踪(MOT)论文随笔-SIMPLE ONLINE AND REALTIME TRACKING (SORT)

    网上已有很多关于MOT的文章,此系列仅为个人阅读随笔,便于初学者的共同成长.若希望详细了解,建议阅读原文. 本文是使用 tracking by detection 方法进行多目标跟踪的文章,是后续de ...

  8. Ubuntu下安装gsoap

    昨天在ubuntu下进行安装gSOAP,费了很多时间,没成功,今天又来找了大量教程资料,终于一次成功,这里写下自己的安装步骤和方法,供大家参考. 首先下载gsoap,我下载的是gsoap-2.8.1. ...

  9. Android Notification setLatestEventInfo方法已废弃

    代替setLatestEventInfo的方法是用Notification.Builder创建Builder对象,通过该对象设置Notification相关属性. otification.Builde ...

  10. LeetCode & Q283-Move Zeroes-Easy

    Array Two Pointers Description: Given an array nums, write a function to move all 0's to the end of ...