使用jQuery切換多組元素的順序

Question

我在頁面上有許多元素，它們包含一個標題和一個圖像，我想改變它的順序。例如切換與H2的IMG的順序：

<section> 
    <img> 
    <h2></h2> 
</section> 

我有部分的多個實例，所以曾試圖遍歷每個依次爲：

$("section h2").each(function(){ 
    $(this).before($(this).prev('img'));  
}); 

但這不具有任何影響。任何人都可以提出我做錯了什麼？

Answer 1

insertBefore()將很好地工作：

$("section h2").each(function() { 
    $(this).insertBefore($(this).prev("img")); 
}); 

DEMO：http://jsfiddle.net/kqLeD/