javascriptの質問です

Question

takanii

240

228もっと見る

500pt

ウェブ制作

javascriptの質問です

以下のコードでtableタグ内のtrをシャッフルしたのですが
それを元どおりの順に戻したいのですがどのようなjavascriptを組めばいいでしょうか？

function shuffle() {
var a = document.getElementsByTagName("TABLE");
var b = Array.prototype.slice.apply(a[0].getElementsByTagName("tr"));
for (var c = b.length; c > 0; c--) {
var d = Math.floor(c * Math.random());
a[0].appendChild(b[d]);
b.splice(d, 1);
}
}

回答の条件

1人1回まで

登録：2014/10/19 21:18:19
終了：2014/10/21 00:10:38

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

No.1

きゃづみぃ1353911982014/10/19 21:26:30

100pt

元どおりの順番といわれてもその順番がどのような順番なのかわからなければ戻せないと思います。

ソートする前に前の順番を配列に保存してからソートし、戻すときは、その配列から取得して戻せばいいのではないでしょうか?

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

a-kuma3 · Accepted Answer · 2014-10-20T02:09:07+09:00

以前の質問 http://q.hatena.ne.jp/1386097266 で提示されていた jsFiddle のコードを、ちょっといじってみました。
http://jsfiddle.net/k62Cu/2/

// テーブルの内容を保存しておく変数
var table_backup = "";

function sortTable(){
    var tabs = document.getElementsByTagName('TABLE');

    // 最初の一回目で、テーブルの内容を保存する
    if (table_backup == "") {
        table_backup = tabs[0].innerHTML;
        console.log(table_backup);
    }

    var bodies = Array.prototype.slice.apply(tabs[0].getElementsByTagName('tr'));
    for (var r = bodies.length; r > 0; r--) {
        var index = Math.floor(r * Math.random());
        tabs[0].appendChild(bodies[index]);
        bodies.splice(index, 1);
    }
}

// テーブルの内容を元に戻す関数
function restoreTable() {
    if (table_backup != "") {
        var tabs = document.getElementsByTagName('TABLE');
        tabs[0].innerHTML = table_backup;
    }
}

テーブルをシャッフルする関数で、最初に呼ばれたときにテーブルの内容を保存しておきます。
テーブルの内容を元に戻す関数で、保存した内容があれば、テーブルに戻します。

a-kuma3 · Accepted Answer · 2014-10-20T02:09:07+09:00

以前の質問 http://q.hatena.ne.jp/1386097266 で提示されていた jsFiddle のコードを、ちょっといじってみました。
http://jsfiddle.net/k62Cu/2/

// テーブルの内容を保存しておく変数
var table_backup = "";

function sortTable(){
    var tabs = document.getElementsByTagName('TABLE');

    // 最初の一回目で、テーブルの内容を保存する
    if (table_backup == "") {
        table_backup = tabs[0].innerHTML;
        console.log(table_backup);
    }

    var bodies = Array.prototype.slice.apply(tabs[0].getElementsByTagName('tr'));
    for (var r = bodies.length; r > 0; r--) {
        var index = Math.floor(r * Math.random());
        tabs[0].appendChild(bodies[index]);
        bodies.splice(index, 1);
    }
}

// テーブルの内容を元に戻す関数
function restoreTable() {
    if (table_backup != "") {
        var tabs = document.getElementsByTagName('TABLE');
        tabs[0].innerHTML = table_backup;
    }
}

テーブルをシャッフルする関数で、最初に呼ばれたときにテーブルの内容を保存しておきます。
テーブルの内容を元に戻す関数で、保存した内容があれば、テーブルに戻します。

javascriptの質問です

ベストアンサー

a-kuma3497421542014/10/20 02:09:07

その他の回答（1件）

きゃづみぃ1353911982014/10/19 21:26:30

a-kuma3497421542014/10/20 02:09:07ここでベストアンサー

コメント（0件)

この質問への反応（ブックマークコメント）