jQuery, изменяющий порядок дочерних элементов

Каков наилучший способ изменить порядок дочерних элементов с помощью jQuery.

Например, если я начну с:

  • A
  • B
  • C

Я хочу закончить с этим:

 
  • C
  • B
  • A

Изменить: ответ Анурага лучше моего.

 ul = $('#my-ul'); // your parent ul element ul.children().each(function(i,li){ul.prepend(li)}) 

Если вы вызываете .prepend () для объекта, содержащего более одного элемента, добавляемый элемент будет клонирован для дополнительных целевых элементов после первого, поэтому убедитесь, что вы выбираете только один элемент.

 var list = $('ul'); var listItems = list.children('li'); list.append(listItems.get().reverse()); 

Попробуй это:

 $(function() { $.fn.reverse = [].reverse; var x = $('li'); $('ul').empty().append(x.reverse()); }); 

Все ответы, представленные передо мной, являются лучшими, но вы можете попробовать это также

 $('#btnrev').click(function(){ $('ul').html($('ul').find('li').get().reverse()); }); 
  
  • 1
  • 2
  • 3
  • 4

один лайнер:

 $('ul').append($('ul>').detach().get().reverse()); 
  • Можно ли корректно проанализировать XML, используя синтаксис jQuery $ (responseXML)?
  • jQuery шаблоны двигателей
  • JQuery загружается только при обновлении страницы в приложении Rails 4
  • jQuery получить значение выбранного переключателя
  • jQuery: какой лучший способ ограничить «число» - только вход для текстовых полей? (разрешить десятичные точки)
  • Можно ли использовать jQuery для получения ширины элемента в процентах или пикселях в зависимости от того, что разработчик указал с помощью CSS?
  • В чем разница между async: false и async: true в jquery ajax?
  • angular.element vs document.getElementById или селектор jQuery со спин (занятым) управлением
  • jqGrid: проблема загрузки вложенной подсетей с локальным типом данных
  • Как изменить цвет изображения SVG с помощью CSS (замена изображения SVG jQuery)?
  • Позиция курсора в текстовом поле (индекс символа, а не координаты x / y)
  • Interesting Posts
    Давайте будем гением компьютера.