Инверсионный DOM с помощью jQuery

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>

Я ищу функцию (если существует), подобную этой:

$ ('content')) .inverse ();

Answer 1

Примерно так будет работать:

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

Вы можете проверить это здесь , или если вам нравится обратный аромат:

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

Попробуйте эту версию здесь .

Answer 2

Использование Плагин обратного порядка jQuery

Обратный порядок jQuery использует jQuery для изменения порядка элементов DOM на вашей странице.

Пример:

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

Плагин довольно прост:

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

Попробуйте это с помощью jsFiddle

Answer 3

Используя функцию toArray () в jQuery1.9, вы можете выгружать элементы dom в массив и использовать функцию reverse () для достижения вашей цели!

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