<!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>