jQuery颠倒子元素的顺序

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

例如,如果我从下面开始:

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

我想结束这个:

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

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

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

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

 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()); }); 
 <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>