Js 数组排序

老吉的博客 · 发表于 2013-1-4 02:43:13

<div id="cnblogs_post_body">数组排序：
<div class="cnblogs_code"> 1 <html> 2 <head> 3 <title>数组排序</title> 4 <script type="text/javascript"> 5 function sort(colIndex) { 6 if (this.sortType === "desc") { 7 this.sortType = "asc"; 8 } else { 9 this.sortType = "desc";10 } 11 var tblCus = document.getElementById("tbl");12 var arrTr = [];13 for (var i = 1; i < tblCus.rows.length; i++) {14 arrTr.push(tblCus.rows);15 }16 17 arrTr.sort(function (row1, row2) {18 if (row1.cells[colIndex].innerText > row2.cells[colIndex].innerText) {19 return 1;20 } else if (row1.cells[colIndex].innerText < row2.cells[colIndex].innerText) {21 return -1;22 } else {23 return 0;24 }25 });26 27 if (this.sortType === "desc") {28 arrTr.reverse();29 }30 31 var frag = document.createDocumentFragment();32 for (var i = 0; i < arrTr.length; i++) {33 frag.appendChild(arrTr);34 }35 36 tbl.tBodies[0].appendChild(frag);37 }38 </script>39 </head>40 <body>41 <div>42 <table id="tbl" width="100%" style="table-layout:fixed">43 <colgroup>44 <col width="50"/>45 <col width="200" />46 <col />47 </colgroup>48 <tr>49 <th onclick="sort(0)">序号</th>50 <th onclick="sort(1)">姓名</th>51 <th onclick="sort(2)">性别</th>52 </tr>53 <tr>54 <td>1</td>55 <td>张三</td>56 <td>男</td>57 </tr>58 <tr>59 <td>2</td>60 <td>李四</td>61 <td>女</td>62 </tr>63 <tr>64 <td>3</td>65 <td>王麻子</td>66 <td>女</td>67 </tr>68 <tr>69 <td>4</td>70 <td>小二</td>71 <td>男</td>72 </tr>73 </table>74 </div>75 </body>76 </html>

		自动登录	找回密码
密码			立即注册

Js 数组排序

浏览过的版块