使用jQuery反转DOM

CRI*_*ion 1 javascript xml jquery dom inverse

输入:

<content>
   <dom id=1>a</dom>
   <dom id=2>b</dom>
   <dom id=3>c</dom>
   <dom id=4>d</dom>
</content>
Run Code Online (Sandbox Code Playgroud)

输出:

<content>
   <dom id=4>d</dom>
   <dom id=3>c</dom>
   <dom id=2>b</dom>
   <dom id=1>a</dom>
</content>
Run Code Online (Sandbox Code Playgroud)

我正在寻找一个像这样的函数(如果存在):

$( '内容')的逆();

Nic*_*ver 5

像这样的东西会起作用:

$(?$("content dom").get().reverse()).appendTo("content");????????
Run Code Online (Sandbox Code Playgroud)

你可以在这里测试一下,或者你喜欢反面的味道:

$("content").append($("content dom").get().reverse());?
Run Code Online (Sandbox Code Playgroud)

在这里尝试该版本.

  • 您可以在http://jsperf.com/dom-node-reversal上比较性能.**注意:**如果页面上有多个"内容"节点,则上面显示的任何版本都不起作用.另一个答案中提到的http://plugins.jquery.com/project/reverseorder插件效果最好,但速度最慢. (2认同)