読者です 読者をやめる 読者になる 読者になる

まるでちょんまげハリウッド

ちょんはり師匠の生きざまを切り売りしています。

イチオシは転職体験記!それ以外は、いい歳したオッサンの反省です。反省はしますが、後悔はしていません。たぶん。

javascriptで、クリックした矢印のテーブルを入れ替える。

プログラムのお勉強 プログラミング javascript jquery

メモ。

参考にしたのはこちらのサイト。
JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」させる方法 | mae's blog

矢印やアイコンをクリックして、テーブルの順番を入れかえたいなー、という要望に応えるべく。 ちょちょっとやったこと。

javascriptと書いたけど、jQueryだな・・・。

photo by FutUndBeidl

参考サイトではjavascriptを用いてtbodyを追加するところまで解説してくれている。
ただ今回は、tbodyを追加しなかったので、下記で動くべさー、っちゅーことで。

function moveList(targetid, move){
var target = $('#'+targetid);
if(move == 0){
if($(target).prev("tbody")){
$(target).insertBefore($(target).prev("tbody")[0]);
}
} else {
if($(target).next("tbody")) {
$(target).insertAfter($(target).next("tbody")[0]);
}
}
}

こいつ・・・動くぞ・・・。

1  リストの一つ目
2  リストのニつ目
3  リストの三つ目

超適当。