ホームページ >バックエンド開発 >PHPチュートリアル >phpはjsを使用してテーブルをソートします
phpはjsを使用してテーブルをソートします
- WBOYオリジナル
- 2016-07-29 09:15:281133ブラウズ
<!DOCTYPE>
<html>
<meta http-equiv="Content-type" c charset="utf-8">
<title><span>ソート</span>テーブル</title>
*<span>{
マージン</span>:<span>0px;
パディング</span>:<span>0px;
}
体{
背景</span>:<span>#</span><span>ccc;</span><span> }
テーブル{
幅</span>:<span>350px;
マージン</span>:0<span> 自動;
背景</span>-色:<span>#</span><span>eee;</span><span> }
テーブル th{
カーソル</span>:<span>手;
パディング</span>:5px 0<span>;
背景</span>-色:<span>#</span><span>999;</span><span> }
テーブル td{
背景</span>色:<span>#</span><span>fff;</span>フォントサイズ:<span>16px;
フォント</span>-ウェイト:<span>標準;
テキスト</span>-align:<span>center;
line</span>-高さ:<span>30px;
}
</span></style>
<スクリプト言語="javascript">
<span>関数</span><span> sortCells(type){
</span><span>var</span> tbs=document.getElementsByTagName("テーブル")[0<span>];
</span><span>var</span> arr=<span>[];
</span><span>var</span> arr2=<span>[];
</span><span>for</span>(<span>var</span> i=1;i<tbs.rows.length>){
<span>var</span> text=tbs.rows[i].cells[type].<span>innerText;
arr</span>.<span>push(テキスト);
arr2[テキスト]</span>=<span>i;
}
</span><span>if</span>(type==0<span>){
arr</span>.<span>sort</span>(<span>function</span>(a,b){<span>return</span> a-<span>b});
}</span><span>他</span><span>{
arr</span>.<span>sort</span><span>();
}
</span><span>var</span> temp=""<span>;
</span><span>for</span>(<span>var</span> j=1;j<tbs.rows.length>){
temp=tbs.rows[j].cells[0].<span>innerText;
tbs</span>.rows[j].cells[0].innerText=tbs.rows[arr2[arr[j-1]]].cells[0].<span>innerText;
TBS</span>.rows[arr2[arr[j-1]]].cells[0].innerText=<span>temp;
temp</span>=tbs.rows[j].cells[1].<span>innerText;
tbs</span>.rows[j].cells[1].innerText=tbs.rows[arr2[arr[j-1]]].cells[1].<span>innerText;
TBS</span>.rows[arr2[arr[j-1]]].cells[1].innerText=<span>temp;
temp</span>=tbs.rows[j].cells[2].<span>innerText;
tbs</span>.rows[j].cells[2].innerText=tbs.rows[arr2[arr[j-1]]].cells[2].<span>innerText;
TBS</span>.rows[arr2[arr[j-1]]].cells[2].innerText=<span>temp;
</span><span>//</span><span> console.log(arr2);</span><span>for</span>(<span>var</span> i=1;i<tbs.rows.length>){
<span>var</span> text=tbs.rows[i].cells[type].<span>innerText;
arr2[テキスト]</span>=<span>i;
}
}
}
</span></スクリプト>
</head>
<center><span>並べ替え</span>テーブル</center>
<テーブルボーダー="0">
<tr>
<th alt="" />
<p>
以上、php を介して js を使用してテーブルを並べ替え、側面の内容を含めました。PHP 教則に関心のある友人の助けが期待されます。
</p>
<p></p></tbs.rows.length></tbs.rows.length></tbs.rows.length>声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。