phpはjsを使用してテーブルをソートします-PHPチュートリアル-php.cn

phpはjsを使用してテーブルをソートします

WBOY

リリース： 2016-07-29 09:15:28

オリジナル

1055 人が閲覧しました

<!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>

ログイン後にコピー