[解決済み] javascriptでdomツリー内の要素を1つ上または下に移動する

質問

私は、javascriptを使用して、特定の既知の親内のdomツリーで要素を1つ上または下に移動する方法が欲しい（またはjqueryはOK）、しかし、私は要素が親内の最初または最後の要素であるときにスクリプトが移動しないように知ってほしいです。

<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);