<!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. 我的Android 4 学习系列之文件、保存状态和首选项

    目录 使用Shared Preference 保留简单的应用程序数据 保存回话间的Activity实例数据 管理应用程序首选项和创建Preference Screen 保存并加载文件以及管理本地文件系 ...

  2. android application简要类（一）

    每次应用程序执行.应用application保持实例化的阶级地位.推而广之applicaiton类别,能够完成以下3长期工作: 1.至android应用级事件,如广播的实现中低声回应. 2.传递应用程 ...

  3. Android有关Volley使用（十）至Request和Reponse意识

    我们知道,.网络Http沟通,会有一个Request,相同,也将有Response.我们Volley在使用RequestQueue来之前加入的请求.我们将创建一个Request对象,例StringRe ...

  4. 开辟html5和css3学习随笔（2015-3-2）

    1.移动端超出指定行数隐藏并显示省略号 <!DOCTYPE html> <html> <head> <meta http-equiv="Conten ...

  5. 介绍一款基于jquery好用的编辑框htmlbox.full.js

    1. 可选择背景颜色,自主选择工具,感觉挺好用的,不过需要注意,添加引用后找不到工具图标的图片,找到脚本修改idir:属性改成自己的图片文件夹存放路径即可. asp.net mvc3提交内容报错提示含 ...

  6. DotNET应用架构设计指南 安全 运行管理和通讯策略

    DotNET应用架构设计指南(第三章:安全 运行管理和通讯策略(13-16)) 安全 运行管理和通讯策略 组织策略定义的规则是支配应用程序如何安全,如何管理,不同的应用程序组件是如何和另一组件及外部服 ...

  7. 凝结时光：ImageMagick 制作 gif

    从去年12.12开始,工作日都会从单位的落地窗向外拍一张照片,有点每日打卡的意思.weekday 是一天不落的,weekend 不是每次都到单位,落了几次. 想法来自上学的时候,有同学在同一个地方,拍 ...

  8. 企业架构与建模之Archimate视图和视角

    企业架构与建模之Archimate视图和视角 3. ArchiMate的视角与视图 创建.维护一个企业架构是一件非常复杂繁琐的事情,因为这项工作需要面对许多背景.利益各异的干系人,对他们所关注的问题进 ...

  9. iOS: JS和Native交互的两种方法

    背景: UIWebView: iOS 用来展示 web 端内容的控件. 1. 核心方法: - (NSString*)stringByEvaluatingJavaScriptFromString:(NS ...

  10. java实现验证码

    第一步:在web.xml中配置servlet <servlet> <servlet-name>ImageServlet</servlet-name> <ser ...