メモ。
参考にしたのはこちらのサイト。
JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」させる方法 | mae's blog
矢印やアイコンをクリックして、テーブルの順番を入れかえたいなー、という要望に応えるべく。 ちょちょっとやったこと。
javascriptと書いたけど、jQueryだな・・・。
参考サイトでは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 | ↑ ↓リストの三つ目 |
超適当。