jQuery DOM要素を親の内側に移動する

Question

要素を親の内部に移動する簡単な方法はありますか？

このよう

...

から：

<div class="test">hello 1</div> 
<div class="test">hello 2</div> 
<div class="test">hello 3</div> 

へ：

<div class="test">hello 1</div> 
<div class="test">hello 3</div> 
<div class="test">hello 2</div> 

のdiv UPまたはDOWN一歩を移動したり、特定のでappendToにインデックスを使用してどちらかポジション。

Answer 1

あなたは（ここではjQueryの関数として）このような.prev()と.next()を使用することができるはずです。

$.fn.moveUp = function() { 
    $.each(this, function() { 
     $(this).after($(this).prev()); 
    }); 
}; 
$.fn.moveDown = function() { 
    $.each(this, function() { 
     $(this).before($(this).next()); 
    }); 
}; 
$("div:eq(2)").moveUp(); //Would move hello 3 up 
$("div:eq(0)").moveDown(); //Would move hello 1 down 

JSFiddle Demo

Answer 2

それを覚える

$("div:eq(2)").after($("div:eq(0)")); 

又は

$("div:eq(2)").before($("div:eq(1)")) 

を試し：当量（）は、ゼロベースです。

Answer 3

var child = $('#parent div'); // keep reference for further use 
child.eq(2).insertBefore(child.eq(1)); 

DEMO