javascript - TinySortクラスに基づくアイテム

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

いくつかの方法があります。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());

});