javascript - HTML要素の順序を変更する方法

Question

たとえば、次のようなliのリストがあります。

<li id='r1' class='myclass'>something</li>
<li id='r2' class='myclass'>something</li>
<li id='r3' class='myclass'>something</li>
<li id='r4' class='myclass'>something</li>
<li id='r5' class='myclass'>something</li>

2 つの li を相互に置き換える関数を使用したいと考えています。

例: 最初に li2 o を置き、2 番目に li1 を置きます。

そして、私は次のような関数を持っています:

function updown(li_id , dir)
{
 //what should i type here....
}

li_id: 私のli IDです

dir: は「上」または「下」です

Answer 1

before() または after() を使用して、2 つの要素の順序を入れ替えます。

$('#r1').before($('#r2'));​

フィドル

またはあなたの機能：

function updown(li_id , dir) {
    $('#'+li_id)[dir!='up'?'before':'after']($('#'+li_id)[dir!='up'?'next':'prev']());
}

次のように使用します。

updown('r3', 'up');
updown('r1', 'down');

フィドル