我在页面上有许多元素,其中包含标题和图像,我想更改它们的顺序。例如用 h2 切换 img 的顺序:
<section>
<img>
<h2></h2>
</section>
我有该部分的多个实例,因此尝试依次迭代每个实例:
$("section h2").each(function(){
$(this).before($(this).prev('img'));
});
但这没有任何效果。谁能建议我做错了什么?
我在页面上有许多元素,其中包含标题和图像,我想更改它们的顺序。例如用 h2 切换 img 的顺序:
<section>
<img>
<h2></h2>
</section>
我有该部分的多个实例,因此尝试依次迭代每个实例:
$("section h2").each(function(){
$(this).before($(this).prev('img'));
});
但这没有任何效果。谁能建议我做错了什么?
insertBefore()
将完美地工作:
$("section h2").each(function() {
$(this).insertBefore($(this).prev("img"));
});
演示:http: //jsfiddle.net/kqLeD/