javascript - 使用 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"));
});

演示: http://jsfiddle.net/kqLeD/