javascriptを利用して表示の切替

質問

初めまして。JavaScriptをほとんど初めて使うものですが。
ご存知の方教えて頂きたいのですが、
例えば、商品一覧などがあり（商品名、値段などが一列で表示されていて、それが何行にもつらなっている表）、その中で「上・下」ボタンで順位を移動させたいと思います。
何かいい方法はありませんか？
色々調べたのですが、それらしいものが中々みつかりません。

何か方法をご存知の方どうか教えてください。
よろしくお願いします。

回答No.2

yambejp

たとえばこんな感じで

<script>
function shift_tr(obj,flg){
var tr=obj.parentNode.parentNode;
var tbody=tr.parentNode;
var trs=tbody.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
if(flg==1 && trs[i]==tr && i<trs.length -1){
tbody.insertBefore(trs[i+1],trs[i]);
break;
}
if(flg==-1 && trs[i]==tr && i>0){
tbody.insertBefore(trs[i],trs[i-1]);
break;
}
}
}
</script>
<table border>
<tbody>
<tr><td>1</td><td>test</td><td><span onClick="shift_tr(this,-1)">▲</span><span onClick="shift_tr(this,1)">▼</span></td></tr>
<tr><td>2</td><td>test</td><td><span onClick="shift_tr(this,-1)">▲</span><span onClick="shift_tr(this,1)">▼</span></td></tr>
<tr><td>3</td><td>test</td><td><span onClick="shift_tr(this,-1)">▲</span><span onClick="shift_tr(this,1)">▼</span></td></tr>
<tr><td>4</td><td>test</td><td><span onClick="shift_tr(this,-1)">▲</span><span onClick="shift_tr(this,1)">▼</span></td></tr>
<tr><td>5</td><td>test</td><td><span onClick="shift_tr(this,-1)">▲</span><span onClick="shift_tr(this,1)">▼</span></td></tr>
</tbody>
</table>

お礼

yambejp様
サンプルソースありがとうございます！
是非参考に使います！！

本当に、ありがとうございました。

回答No.1

anotherone

一覧になっているものを　たとえば　金額の昇順とか
名前の順とか　並べ替えをしたいということでしょうか
それとも　表の中の　3番目と4番目を入れ替えるということでしょうか
全体を並べ替えか　単品を移動するのか　教えてください

補足

anotherone様。
ご返答ありがとうございます。
ご質問の回答ですが、表の中の３番目４番目を入れ替えるようにしたいんです。順番の入れ替えが可能なようにしたいのです。
どうでしょうか？わかりますでしょうか？
よろしくお願いします。