<!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. iOS_1_加法器

    : BeyondViewController.h // // BeyondViewController.h // 01_calc // // Created by beyond on 14-7-20. ...

  2. [翻译]初识SQL Server 2005 Reporting Services Part 3

    原文:[翻译]初识SQL Server 2005 Reporting Services Part 3 这是关于SSRS文章中四部分的第三部分.Part 1提供了一个创建基本报表的递阶教程.Part 2 ...

  3. every、some、filter、map、forEach 方法的区别总结

    API功能描述: [every]:Boolean 遍历数组并执行回调,如果每个数组元素都能通过回调函数的测试则返回true,否则返回false.一旦返回false,将立即终止循环. [some]:Bo ...

  4. 【Oracle】-【ROWNUM与索引】-索引对ROWNUM检索的影响

    看到ASK TOM的一篇文章,挺有感触的. http://asktom.oracle.com/pls/apex/f?p=100:11:0::::P11_QUESTION_ID:32812348052 ...

  5. Http Pipeline详细分析（下）

    Http Pipeline详细分析(下) 文章内容 接上面的章节,我们这篇要讲解的是Pipeline是执行的各种事件,我们知道,在自定义的HttpModule的Init方法里,我们可以添加自己的事件, ...

  6. MSDN官方XmlSerializer类导致内存泄漏和性能低

    MSDN官方XmlSerializer类使用说明链接: http://msdn.microsoft.com/zh-CN/library/system.xml.serialization.xmlseri ...

  7. windows下搭建Cygwin环境

    windows下搭建Cygwin环境 在上一篇博文<Android学习——windows下搭建NDK_r9环境>中,我们详细的讲解了在windows下进行Android NDK开发环境的配 ...

  8. Android开发过程中git、repo、adb、grep等指令的使用

    chown 是一条在Unix系统中用于设置文件所有者和文件关联组的命令. 需要超级用户的权限才能执行此命令.只有超级用户和属于组的文件所有者才能变更文件关联组.非特权用户(非超级用户)如需要设置关联组 ...

  9. 开源来自百度商业前端数据可视化团队的超漂亮动态图表--ECharts

    开源来自百度商业前端数据可视化团队的超漂亮动态图表--ECharts 本人项目中最近有需要图表的地方,偶然发现一款超级漂亮的动态图标js图表控件,分享给大家,觉得好用的就看一下.更多更漂亮的演示大家可 ...

  10. WPF实现打印功能

    WPF实现打印功能 在WPF 中可以通过PrintDialog 类方便的实现应用程序打印功能,本文将使用一个简单实例进行演示.首先在VS中编辑一个图形(如下图所示). 将需要打印的内容放入同一个< ...