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