jquery - 使用 jQuery 对 div 类进行排序

Question

我创建了 jQuery 插件来使用 class="apple" 和 class="tree" 对类进行排序，但是如何创建一个显示上述所有内容的排序 class =“苹果”？

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

Answer 1

使用类apple tree而不是使用all

<li class="apple tree">ALL</li>

http://jsfiddle.net/mAQwg/