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

我想要一种 javascript 方法，使用 javascript （或 jquery 也可以）在特定已知父级的 dom 树中向上或向下移动一个元素，但我希望脚本知道某个元素何时是 dom 树中的第一个或最后一个元素父母，不为所动。例如，如果我有以下内容......

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

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

使用 jQuery：

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