jQuery根据类重新排序列表项

有没有一种简单的方法来使用类重新排序我的列表项？

我想指定一个类来首先在列表顶部显示这些项目，下面列出了其他列表项。

 
normal content
 
normal content
 
featured content
 
normal content
 
featured content
 
normal content
 
normal content
  

期望的输出：

 
 
featured content
 
featured content
 
normal content
 
normal content
 
normal content
 
normal content
 
normal content
  

谢谢！

Answer 1

您可以将.featured元素添加到其包含的ul以将它们移动到列表顶部。 试试这个：

 $('.featured').prependTo('.order-me'); 

示例小提琴

Answer 2

为了添加@Rory McCrossan的答案，我添加了使用导航按钮对其进行排序的function

 $("ul.order-nav li").click(function() { // Find the Data attribute from unordered list [.order-nav] var sortClass = '.' + $(this).data('sort-by'); // Prepent the [li] with matching class to top of [ul] $(sortClass).prependTo('.order-me'); }); 

这是小提琴