javascript - 使用javascript在dom树中将元素向上或向下 move 一位

Question

我想要一种javascript方法，使用javascript(或jquery也可以)在特定已知父级的dom树中将元素向上或向下 move 一个位置，但我希望脚本知道元素何时是第一个或最后一个父元素内的元素并且不会被 move 。例如，如果我有以下内容...

<div id='parent_div'>
    <div id='div_1'></div>
    <div id='div_2'></div>
    <div id='div_3'></div>
</div>

单击按钮时，我想传递一个已知的 id(比方说 div_2)并将其向上 move 到其上方的位置，与之前的元素交换其位置(在本例中是 div_1)。元素的 id 不必更改，也不需要知道它们的新位置，至少不需要知道，除非它们再次 move 。

Answer 1

使用 jQuery:

var e = $("#div_2");
// move up:
e.prev().insertAfter(e);
// move down:
e.next().insertBefore(e);