我有 3 个 div 想要颠倒文档准备好的顺序
<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>
我怎样才能在 jquery 中做到这一点?
<div id="parent">
<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>
</div>
并在 Jquery 中尝试这个
$('#parent > div').each(function() {
$(this).prependTo(this.parentNode);
});
您可以在 jsfiddle http://jsfiddle.net/N7PGW/中查看示例
只需使用
$('#block-2').insertBefore('#block-1');
$('#block-3').insertBefore('#block-2');
小提琴示例:http: //jsfiddle.net/2DUXF/
这将反转 id 为“div1”的 div 中的所有 div
$(function(){
var items=$("#div1 div").toArray();
items.reverse();
$.each(items,function(){
$("#div1").append(this);
});
});
这是 jsFiddle http://jsfiddle.net/bCAVz/8/
$(
$("div[id|=block]")
.slice(1)
.get()
.reverse()
)
.insertBefore("div[id|=block]:first");
另请注意,您可以将数组反向语法添加到 jQuery 函数语法中,这将为您节省一个选择器。