使用jQuery對div類進行排序

我創建了jQuery插件，用class="apple"和class="tree"對類進行排序，但是如何創建一個顯示以上所有內容的排序class="apple"？使用jQuery對div類進行排序

<ul> 
    <li class="apple">APPLE</li> 
    <li class="tree">TREE</li> 
    <li class="all">ALL</li> 
</ul> 

<div> 
    <div class="apple">APPLE</div> 
    <div class="tree">TREE</div> 
    <div class="apple">APPLE</div> 
    <div class="tree">TREE</div> 
    <div class="apple">APPLE</div> 
    <div class="tree">TREE</div> 
</div> 

<script src="/js/jquery.min.js"></script> 
<script type="text/javascript"> 
$("ul li").click(function() { 
    visibleClasses = $(this).attr("class").split(" "); 
    $("div div").hide(); // or slideUp/fadeOut 
    for(i in visibleClasses) { 
    $("div div."+visibleClasses[i]).fadeIn(500); // or slideDown/show 
    } 
}); 
</script>

來源

2012-01-16 Maca

也許你想「過濾器」，而不是「排序」：我在創建的jsfiddle一個快速和骯髒的「所有」的功能。我無法理解你的問題。什麼不工作？ – Paker 2012-01-16 14:24:06