基于类的TinySort <li>项目

Question

我正在尝试使用TinySort将所有<li>项放在列表的顶部：

<ul class="team">
    <li><strong>Name 1</strong></li>
    <li><strong>Name 2</strong></li>
    <li class="sticky"><strong>Name 3</strong></li>
    <li><strong>Name 4</strong></li>
    <li class="sticky"><strong>Name 5</strong></li>
</ul>

Answer 1

有几种方法可以做到这一点；一种方法是将它们放回它们自己的列表中：

$(".sticky").prependTo(".team");

小提琴：http://jsfiddle.net/jonathansampson/kUq4p/

Answer 2

您也可以执行此操作http://jsfiddle.net/DUZkp/1/

$(document).ready(function(){

    var $tempDiv = $('<div><div/>');

    $('.team li').each(function(){
        if(!$(this).hasClass('sticky')){
            $tempDiv.append($(this));
        }
    });

    $('.team li').each(function(){
        if($(this).hasClass('sticky')){
             $tempDiv.append($(this));
        }
    });

    $('.team').html($tempDiv.html());

});