Question

输入：

<content>
   <dom id=1>a</dom>
   <dom id=2>b</dom>
   <dom id=3>c</dom>
   <dom id=4>d</dom>
</content>

输出：

<content>
   <dom id=4>d</dom>
   <dom id=3>c</dom>
   <dom id=2>b</dom>
   <dom id=1>a</dom>
</content>

我正在寻找一个像这样的函数（如果存在）：

$（ '内容'）的逆（）;

Answer 1

这样的事情会起作用：

$($("content dom").get().reverse()).appendTo("content");

You can test it out here，或者如果你喜欢相反的味道：

$("content").append($("content dom").get().reverse());

Try that version here

Answer 2

使用jQuery Reverse Order plugin

jQuery Reverse Order使用jQuery来反转页面上DOM元素的顺序。

示例：

$('#items p').reverseOrder();

插件非常简单：

(function($) {
    $.fn.reverseOrder = function() {
        return this.each(function() {
            $(this).prependTo( $(this).parent() );
        });
    };
})(jQuery);

Try it out with this jsFiddle

Answer 3

通过在jQuery1.9中使用toArray（）函数，你可以将dom元素转储到数组中，并使用reverse（）函数来实现你的目标！

$('content dom').toArray().reverse()

使用jQuery反转DOM

3 个答案:

Try it out with this jsFiddle