使用 jQuery 反转 DOM

发布于 2024-09-28 05:15:45 字数 466 浏览 2 评论 0原文

输入：

<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>

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

$('content').inverse();

原文

Input:

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

Output:

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

I'm looking for a function (if exists) like this:

$('content').inverse();

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

杀お生予夺 2024-10-05 05:15:45

像这样的东西会起作用：

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

你可以在这里测试一下，或者如果你喜欢相反的风格：

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

< a href="http://jsfiddle.net/nick_craver/TSms6/1/" rel="nofollow">在这里尝试该版本。

Something like this would work:

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

You can test it out here, or if you like the reverse flavor:

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

Try that version here.

回复收藏 0 原文

忆梦 2024-10-05 05:15:45

使用 jQuery Reverse Order 插件

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

示例：

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

该插件非常简单：

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

用这个 jsFiddle 尝试一下

Use jQuery Reverse Order plugin

jQuery Reverse Order uses jQuery to reverse the order of DOM elements on your page.

Example:

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

The plugin is quite simple:

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