jQuery颠倒子元素的顺序

用jQuery来颠倒子元素的顺序的最好方法是什么？

例如，如果我从下面开始：

<ul> <li>A</li> <li>B</li> <li>C</li> </ul> 

我想结束这个：

 <ul> <li>C</li> <li>B</li> <li>A</li> </ul> 

Answer 1

编辑： Anurag的答案比我的好。

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

如果在一个包含多个元素的对象上调用.prepend（），那么被附加的元素将被克隆为第一个元素之后的其他目标元素，因此请确保只select一个元素。

Answer 2

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

Answer 3

尝试这个：

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

Answer 4

所有在我面前的答案是最好的，但你也可以试试这个

 $('#btnrev').click(function(){ $('ul').html($('ul').find('li').get().reverse()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <button id="btnrev"> click </button>