javascript - 用 jQuery 反转 DOM

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>

我正在寻找这样的功能（如果存在）：

$('内容').inverse();

Answer 1

像这样的东西会起作用：

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

你可以在这里测试它，或者如果你喜欢相反的味道：

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

在这里试试那个版本。

Answer 2

使用jQuery 逆序插件

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

例子：

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

该插件非常简单：

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

用这个 jsFiddle 试试

Answer 3

通过使用jQuery1.9 中的toArray() 函数，您可以将dom 元素转储到一个数组中，并使用reverse() 函数来完成您的目标！

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