Javascript TinySort<；李>；基于类的项目

我正在尝试使用TinySort将所有

项置于列表的顶部：

<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>

名称1
名称2
命名3
名称4
命名5

---

我需要重写用PHP创建的列表的顺序。当页面加载时，正确的jQuery脚本是什么？

您可以通过几种方式来实现；一种方法是将他们重新添加到自己的列表中：

$（“.sticky”）.prependTo（“.team”）；

小提琴：你也可以这样做

$（文档）.ready（函数（）{
变量$tempDiv=$（''）；
$（'.team li'）。每个（函数（）{
if（！$（this）.hasClass（'sticky'））{
$tempDiv.append（$（this））；
}
});
$（'.team li'）。每个（函数（）{
if（$（this）.hasClass（'sticky'））{
$tempDiv.append（$（this））；
}
});
$（'.team'）.html（$tempDiv.html（））；
});

这是一个优雅的解决方案。它甚至不需要TinySort。美好的

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

});