javascript - 如何隐藏除特定 block 之外的所有内容？ (JavaScript)

Question

有代码:

<ul class="smenu">
    <li><a href="#" onClick='age("y031");'>0,3 - 1 год</a></li> 
    <li><a href="#" onClick='age("y12");'>1 - 2 года</a></li>   
    <li><a href="#" onClick='age("y23");'>2 - 3 года</a></li>   
    <li><a href="#" onClick='age("y812");'>8 - 12 лет</a></li>  
</ul>

<script type="text/javascript" >
    function age(a) {
        $('.table *[class != a]').hide();
    }
</script>

  <tr class="table">
  <td><span class="y12">test</span></td>
      <td><span class="y23">test</span></td>
      <td><span class="y812">test</span></td>
      <td><span class="y23">test</span></td>
      <td><span class="y031">test</span></td>
  </tr>

这段代码隐藏了.table中的所有类。单击链接后如何隐藏不匹配的类？最好不要重新加载页面。谢谢!

附注对不起我的英语。

Answer 1

我猜你想要这个:

function age(a) {
    $('span').hide(); $('.'+a).show();
}

Demo