<!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. 【MS SQL】数据库维护计划之数据库备份(二)

    原文:[MS SQL]数据库维护计划之数据库备份(二) 上篇[MS SQL]数据库维护计划之数据库备份(一) 说了数据库备份的一些概念后,这篇以HRP_KQYY数据库备份为例,进行备份计划设置. 考虑 ...

  2. 所有MVP文章

    http://msdn.microsoft.com/zh-cn/dd346590.aspx

  3. TortoiseGit for windows安装与配置

    1. 下载地址 TortoiseGit与Language Packs下载: https://code.google.com/p/tortoisegit/wiki/Download?tm=2 msysg ...

  4. Forget Java to learn Javascript from 0.--Day 1

    The first day,when I read 'we need practice so we need a Javascript Interpreter.','Every browser has ...

  5. AppCompat v21 — Android 5.0之前版本设备的Material Design实现

    博客原文地址:http://android-developers.blogspot.com/2014/10/appcompat-v21-material-design-for-pre.html,要想打 ...

  6. HBase Maven 工程模块梳理

    HBase Maven 工程各个 Model 功能说明: github 地址:git://git.apache.org/hbase.git 版本:2.0.0-SNAPSHOT hbase-annota ...

  7. Asp.Net Web Api 与 Andriod 接口对接开发

    Asp.Net Web Api 与 Andriod 接口对接开发经验,给小伙伴分享一下!   最近一直急着在负责弄Asp.Net Web Api 与 Andriod 接口开发的对接工作! 刚听说要用A ...

  8. winform实现动态按钮

    private void button6_MouseMove(object sender, MouseEventArgs e) { button6.ImageAlign = ContentAlignm ...

  9. 新认识：SDF数据库

    新认识:SDF数据库 一.SDF数据库初探 SDF是一个标准缩略数据库格式.这个数据库包含扩展名为.sdf的文件并且以结构化文件格式进行数据存储.这些SDF文件通常用于在不同数据库应用之间移动数据.它 ...

  10. Linux目录树详细说明

    Linux目录树详细说明 目录树的主要部分有root(/)./USR./var./home等等.下面是一个典型的linux目录结构如下: / 根目录 /bin 存放必要的命令 /boot 存放内核以及 ...