使用jQuery切换多组元素的顺序

时间:2013-05-17 13:01:58

标签: javascript jquery switch-statement swap

我在页面上有许多元素,包含标题和图像,我想改变它的顺序。例如,用h2切换img的顺序:

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

我有该部分的多个实例,因此尝试依次迭代每个:

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

但这没有任何效果。任何人都可以建议我做错了吗?

1 个答案:

答案 0 :(得分:3)

insertBefore()将完美运作:

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

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