รหัส JavaScript เพื่อจัดเรียงตามคอลัมน์ใดคอลัมน์หนึ่งในตาราง

คัดลอกรหัสรหัสดังต่อไปนี้:

<script type="text/javascript">

var b = จริง;

ฟังก์ชั่น sortAge(){

var tabNode = document.getElementsByTagName("ตาราง")[0];

var trNodes = tabNode.rows; //รับวัตถุแถวในตาราง

var arr = อาร์เรย์ใหม่ ();

for(var x=1;x<trNodes.length;x++){/ //คอนเทนเนอร์ชั่วคราวเก็บการอ้างอิงถึงออบเจ็กต์แถวในตาราง

arr[x-1] = trNodes[x];

-

เรียงลำดับ(arr);

var tbdNode = tabNode.childNodes[0];

if(b){ //if....else...ควบคุมการเรียงลำดับโดยการเพิ่มหรือลดอายุ

สำหรับ(var x=0;x<arr.length;x++){

tbdNode.appendChild(arr[x]);

-

ข = เท็จ;

}อื่น{

สำหรับ(var x=arr.length-1;x>=0;x--){

tbdNode.appendChild(arr[x]);

-

ข = จริง;

-

-

ฟังก์ชั่น sort(arr){/ // Sort

สำหรับ(var x=0;x<arr.length;x++){

สำหรับ(var y=x+1;y<arr.length;y++){

if(parseInt(arr[x].cells[1].innerText)>parseInt(arr[y].cells[1].innerText)){ // หากไม่มีการแปลง parseInt จะทำการเปรียบเทียบสตริง ASCII

var temp = arr[x];

อร[x] = อร[y];

arr[y] = อุณหภูมิ;

-

-

-

-

</สคริปต์>

<style type="text/css">

ตาราง { ความกว้าง:60%; เส้นขอบ:ทึบ 1px #0066FF;}

ตาราง td {เส้นขอบ: ทึบ 1px #0099ff;}

a{ การตกแต่งข้อความ: ไม่มี;}

</สไตล์>

</หัว>

<ร่างกาย>

<ตาราง>

<tr>

<td>ชื่อ</td><td><a href="javascript:void(0)" onclick="sortAge()">อายุ</a></td><td>ที่อยู่</td>

</tr>

<tr>

<td>จางซาน</td><td>23</td><td>ปักกิ่ง</td>

</tr>

<tr>

<td>李思</td><td>25</td><td>เซี่ยงไฮ้</td>

</tr>

<tr>

<td>王五</td><td>15</td><td>กวางโจว</td>

</tr>

<tr>

<td>คุณถัง</td><td>20</td><td>ฉางซา</td>

</tr>

</ตาราง>

</ร่างกาย>