javascript - 从后到前显示列表

Question

我有一些列表 - 它是按字母顺序生成的

<div class='list'>
  <ul>
    <li><a  href="/home/fresa/Desktop/task/page.html">2011</a></li>
    <li><a  href="/home/fresa/Desktop/task/page.html#?topic=2013">2012</a></li>
    <li><a  href="/home/fresa/Desktop/task/page.html#?topic=2012">2013</a></li>
    <li><a  href="/home/fresa/Desktop/task/page.html#?topic=2012">2014</a></li>
    </ul>
</div>

我试图将其从后向前反转:

var arr = [];
arr.push($('.list ul li'));
$('.list ul').html(arr.reverse());

但它的钢显示顺序不正确

如何解决这个问题，以及我做错了什么

Answer 1

试试这个:

$('.list ul li').each(function(){
    $(this).prependTo($(this).parent())
});

它将循环遍历每个项目并将其添加到列表的开头。在这里查看 fiddle :

http://jsfiddle.net/afsmonr1/