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>

我想使用一个函数来相互替换两个 li。

例如：将 li2 o 放在第一位，将 li1 放在第二位。

我有这样的功能：

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

li_id: 是我的 li id

dir：是“向上”还是“向下”

Answer 1

使用 before() 或 after() 交换两个元素的顺序：

$('#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');

小提琴