كود جافا سكريبت للفرز حسب عمود معين في الجدول

انسخ رمز الكود كما يلي:

<نوع البرنامج النصي = "نص/جافا سكريبت">

فار ب = صحيح؛

وظيفة الفرز () {

var tabNode = document.getElementsByTagName("table")[0];

var trNodes = tabNode.rows; // احصل على كائنات الصف في الجدول

var arr = new Array();

for(var x=1;x<trNodes.length;x++){ // تقوم الحاوية المؤقتة بتخزين المراجع إلى كائنات الصف في الجدول

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

}

فرز(arr);

var tbdNode = tabNode.childNodes[0];

if(b){ //if....else...يتحكم في الفرز بزيادة أو تقليل العمر

for(var x=0;x<arr.length;x++){

tbdNode.appendChild(arr[x]);

}

ب = خطأ؛

}آخر{

for(var x=arr.length-1;x>=0;x--){

tbdNode.appendChild(arr[x]);

}

ب = صحيح؛

}

}

وظيفة الفرز (arr) {// فرز

for(var x=0;x<arr.length;x++){

for(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];

arr[x] = arr[y];

arr[y] = temp;

}

}

}

}

</script>

<نمط النوع = "نص/CSS">

الجدول { العرض: 60٪ الحدود: الصلبة 1 بكسل #0066FF؛}

جدول td {border:solid 1px #0099ff;}

أ{ زخرفة النص: لا شيء؛}

</نمط>

</الرأس>

<الجسم>

<الجدول>

<تر>

<td>الاسم</td><td><a href="javascript:void(0)" onclick="sortAge()">العمر</a></td><td>العنوان</td>

</tr>

<تر>

<td>تشانغ سان</td><td>23</td><td>بكين</td>

</tr>

<تر>

<td>李思</td><td>25</td><td>شنغهاي</td>

</tr>

<تر>

<td>王五</td><td>15</td><td>قوانغتشو</td>

</tr>

<تر>

<td>السيد تانغ</td><td>20</td><td>تشانغشا</td>

</tr>

</الجدول>

</الجسم>