javascript - 小排序基于类的项目

Question

我正在尝试<li>使用 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>

我需要覆盖使用 PHP 创建的列表的顺序。页面加载时执行此操作的正确 jQuery 脚本是什么？

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

});