使用js

对html表进行排序 在web前端开发中会遇到排序等功能，当然你也可以使用服务器进行排序，今天我做了一个注释，如何用js来实现这些复杂的功能。

在学习之前，你必须使用html dom jquery的知识。如果你无法理解它，当然，这不是天才。哈哈！

好吧，让我先谈谈这个想法。在这里，当考虑js特效时，这个想法非常重要。你可以说你不必精通js，但功能在你面前，你必须有一个非常明确的想法。这很容易做到这一点，即使这是一个很难的特效！

有四个步骤：首先，向触发排序的控件添加一个事件，我在这里跳过。

1.把要排序的内容添加到数组里

Var tIndex=parseInt（$（this）.index（））;

Var valueArray=new Array（）;

Var p=0;

For（var i=1; i＆lt; $（'table tr'）。length; i ++）{

如果（tIndex！=0）{

valueArray [p]=parseInt（$（'table tr: eq（'+ i +'）td'）。eq（tIndex）.html（））;

}否则{

valueArray [p]=$（'table tr: eq（'+ i +'）td'）。eq（tIndex）.html（）;

}

的p ++;

}

2.数据排序

//数据排序

如果（PK==1）{

valueArray.sort（function（a，b）{return a

PK=2

}否则{

valueArray.sort（function（a，b）{return a＆gt; b？-1: 1}）

PK=1

}

3.匹配内容 加入到一个隐藏的排序div里

对于（var i=0; i;＆gt;

对于（var d=1; d＆lt; $（'table tr'）。length; d ++）{

Var valueText=tIndex！=0？ parseInt（$（'table tr: eq（'+ d +'）td'）。eq（tIndex）.html（））: $（'table tr: eq（'+ d +'）Td'）。eq（tIndex） html的（）;

如果（valueArray [I]==valueText）{

$（'table tr'）。eq（d）.clone（）。appendTo（'。none'）

}

}

}

4.重新整理html 排序，添加到视图里

Var titleClone=$（'table tr'）。eq（0）.clone（true）;

$（ '表'）的html（ ''）附加（titleClone）;

$（ '表'）。追加（$（ '无'）。HTML（））

$（ '无 '）的html（''）;

通过这四个步骤，您可以实现排序js的功能。这很简单吗？您也可以使用此示例来发挥作用。这取决于每个人的想象力。

姓名年龄出生年份分数何白（L）15198899王毅（W）252000150林明（L）181745120何洁（L）201996130特效：kevn-web front development label:＆amp; nbsp＆amp; nbsp沈阳Marketing type 网站建设＆amp; nbsp沈阳网站建设＆amp; nbsp沈阳app开发＆amp;营销类型网站建设