<!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. 如何通过js给QQ好友发送信息

    一般我们在做页面活动的时候可能会碰到点击一个按钮把一些相关的信息通过QQ发送给你的好友,这种信息推送的功能该如何实现呢!下面我来介绍下使用方法! 代码如下: <!DOCTYPE HTML> ...

  2. SDUTOJ 2054 双向链表

    #include<iostream> #include<stdlib.h> using namespace std; typedef int ElemType; typedef ...

  3. 用mysql dump 导入与导出的方法

    用mysql dump 导入与导出的方法 分类: 数据库2009-12-08 00:04 6825人阅读 评论(0) 收藏 举报 mysql数据库deleteinsertinternetdatabas ...

  4. vi/vim多行注释和取消注释

    多行注释: 1. 进入命令行模式,按ctrl + v进入 visual block模式,然后按j, 或者k选中多行,把需要注释的行标记起来 2. 按大写字母I,再插入注释符,例如// 3. 按esc键 ...

  5. Extension Objects（扩展对象）

    设计模式之美:Extension Objects(扩展对象)   索引 意图 结构 参与者 适用性 效果 相关模式 实现 实现方式(一):使用示例结构实现 Extension Objects. 实现方 ...

  6. NLP startup material

    The Association for Computational Linguistics(ACL,URL:http://aclweb.org/) Computational Linguistics( ...

  7. DTD

    DTD(文档类型定义)的作用是定义 XML 文档的合法构建模块. 它使用一系列的合法元素来定义文档结构. DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用. 内部的 DOCTYPE 声明 ...

  8. 浅谈DevExpress<四>：TreeList中的拖拽功能

    本篇要实现的目标,简单来说就是把一个treelist的节点用鼠标拖到另外的节点(自身或其他的listview)上,如下图: 1 

  9. media Queries实现一个响应式的菜单

    使用media Queries实现一个响应式的菜单   Media queries是CSS3引入的一个特性,使用它可以方便的实现各种响应式效果.在这个示例中我们将会使用media queries实现一 ...

  10. Mac OS X安装之虚拟机环境下的总结

    最近一直忙着公司iOS Touch的新版发布,终于忙过了.现在,又开始了新的阶段,不过算是轻松了很多.回来一看,自己的博客空空如也,实在受不了了.于是,开始更一下吧,哈哈. 这个文档是我几个月前,开始 ...