<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <script type="text/javascript" src="js/jquery-2.1.4.min.js" ></script>

        <style>

            table{border-collapse: collapse; width: 100%; text-align: center;}

            table td{border: red solid 1px;}

        </style>

    </head>

    <body>

        <table class="mytb">

            <tr>

                <td>姓名</td>

                <td>分数</td>

                <td>排名</td>

            </tr>

            <tr >

                <td>小明</td>

                <td class="fs">108053</td>

                <td class="pm"></td>

            </tr>

            <tr>

                <td>小张</td>

                <td class="fs">180370</td>

                <td class="pm"></td>

            </tr>

            <tr>

                <td>小丁</td>

                <td class="fs">23002</td>

                <td class="pm"></td>

            </tr>

        </table>

        <p/>

        <table class="mytb">

            <tr>

                <td>姓名</td>

                <td>分数</td>

                <td>排名</td>

            </tr>

            <tr >

                <td>小明</td>

                <td class="fs">50</td>

                <td class="pm"></td>

            </tr>

            <tr>

                <td>小张</td>

                <td class="fs">100</td>

                <td class="pm"></td>

            </tr>

            <tr>

                <td>小丁</td>

                <td class="fs">90</td>

                <td class="pm"></td>

            </tr>

        </table>

        <script>

        function px(table){

            //把值推进数组

            var arr0=[];

            for(var i=1; i<$(table).find("tr").length; i++){

                arr0.push($(table).find("tr").eq(i). find(".fs").text());

            }

            //排序（此处不适合用冒泡）

            function sortNumber(a, b){return b - a}

            var arr=arr0.sort(sortNumber);

            console.log(arr);

            //赋值到排名

            for(var i=1; i<$(table).find("tr").length; i++){

                for (var z=0; z<arr.length; z++) {

                        if($(table).find("tr").eq(i). find(".fs").text()==arr[z]){

                            $(table).find("tr").eq(i). find(".pm").text(z+1)

                        }

                }

            }

        }

        for (var i=0; i<$(".mytb").length; i++) {

            px($(".mytb").eq(i))

        }

        </script>

    </body>

</html>

table排名次的更多相关文章

  1. rank() partition by 排名次

    rank()排名 partition by分组与group by相比各有优势,在这里就省略100字.... 以下为案例: create table student -- 学生表(sid integer ...

  2. 排名次SQL语句【名次可重复时】

    原文发布时间为:2008-10-26 -- 来源于本人的百度文章 [由搬家工具导入] 功能实现 名次可重复时，比如第一名有两个。。。 select   *,(select   count(distin ...

  3. SQL SERVER 分页方法

    最近项目中需要在SQL SERVER中进行分页,需要编写分页查询语句.之前也写过一些关于分页查询的语句,但是性能不敢恭维.于是在业务时间,在微软社区Bing了一篇老外写的关于SQL SERVER分页的 ...

  4. Lua 基础

    Lua 5.3 的中文手册, http://cloudwu.github.io/lua53doc 在线浏览 --第一部分 -- 两个横线开始单行的注释 --[[ 加上两个[和]表示 多行的注释. -- ...

  5. oracle性能优化之表设计

    数据库优化的目标无非是避免磁盘I/O瓶颈.减少CPU利用率和减少资源竞争.为了便于读者阅读和理解,笔者参阅了Sybase.Informix和Oracle等大型数据库系统参考资料,基于多年的工程实践经验 ...

  6. Lua快速入门

    -- 两个横线开始单行的注释 --[[ 加上两个[和]表示 多行的注释. --]] ---------------------------------------------------- -- 1. ...

  7. H - Cow Contest

    有N头牛,编号从1到N,参与一个变成比赛(大牛编程比赛,一般水水平敢参加???),一些牛的代码比较出色,每头牛都有一个独一无二的技能等级在这些竞争者中. 比赛循环进行在任意两头牛之间(姑且这么翻译吧) ...

  8. sql的基本查询语句

    --------------------------------------------基本常用查询-------------------------------------- 自己简单练习做了个表. ...

  9. C语言－结构体

    C语言中数组是把相同类型的数据类型的变量集中在一起了,而结构体则是把不同类型的变量聚集在一起. 结构体也是一种数据类型,但是它是一种自定义的数据类型,也就是说和使用其他数据类型不一样,我们得先定义这种 ...

随机推荐

  1. ef左联三张表案例

    users:用户表 Orderss:订单表 U_O:用户和订单的中间表 OrdersEntities1 oe = new OrdersEntities1();            var resul ...

  2. 使用EasyUI的树控件构建Web界面

    最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...

  3. .NET 类库研究

    .NET 类库研究必备参考 添加微软企业库源码 前不久,为大家提供了一个.NET 类库参考源码的网站,扣丁格鲁(谐音“coding guru”),使用了段时间,发现一些不方便的地方,特意做了一些更改, ...

  4. DOM（二） 判断节点包含关系

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

  5. RabbmitMQ集群搭建流程

    参考资料 1.rabbmitMQ集群搭建http://my.oschina.net/guol/blog/186445http://blog.ftofficer.com/2010/03/translat ...

  6. linux下编译php追加enable的方法

    如果我们运行php时发现缺少某个库,在windows环境下很简单,找到.dll 对应的库文件,然后拷贝到 extension 目录下,然后在php.ini 里 去掉 前面的分号或者 追加一行 exte ...

  7. CloudFormation

    亚马逊云服务之CloudFormation   亚马逊的Web Service其实包含了一套云服务.云服务主要分为三种: IaaS: Infrastructure as a service,基础设施即 ...

  8. C/C++基础知识总结——函数

    1. 随机函数的使用 1.1 头文件: # include <cstdlib> 或 # include <stdlib.h> 1.2 用法 srand(int seed);// ...

  9. poj2236无线网络

    这一题的大意:在救灾当中需要用网络,这堆人就用笔记本建了一个无线网,但是来,互相通信都是有距离限制的,一台电脑只能和距离他为d的电脑通信,然后一台电脑也可以通过几台电脑搭成线这样通信.然后就是输入每台 ...

  10. 更好的抽屉效果(ios)

    昨天项目基本没啥事了,晚上早早的就回家了,躺在床上无聊地玩着手机(Android的),在清理系统垃圾时被一个“360手机助手”给吸引了, 其实我是被它的那个抽屉效果给吸引了,此时你也许会觉得我out了 ...