Question

有人可以使用多个课程来完成这项工作。它目前只适用于一个，我不知道javascript

<!--
var toggle_visibility = (function(){
   function toggle(el){
      el.style.display = el.style.display==='none' ? 'block' : 'none';
   }
   return function(cl){
      var els = document.getElementsByClassName(cl);
      for(var i=0; i<els.length; ++i){
         toggle(els[i]);
      }
   };
})();
//-->

还有一份关于我如何运行脚本的副本

<tr><td><a href="#" onclick="toggle_visibility('nyc');">New York</a></td>
<td><a href="#" onclick="toggle_visibility('photoshop');">Photoshop Work</td>
<td><a href="#" onclick="toggle_visibility('photography');">Photography</td></tr>
<tr><td><a href="#" onclick="toggle_visibility('art');">Art Projects</td></tr>

所以我只想让它像这样工作

<td><a href="#" onclick="toggle_visibility('art','photoshop','photography');">New York</td>

Answer 1

我想你想要这个（如果你不想要其他东西那么让我知道，你的用法并不清楚）

$(function(){
    $('table#items').on('click', 'a', function(e){
        $(this).closest('table').find('tr').not($(this).closest('tr')).toggle();
    });
});

将代码放在<head>之间的<script>部分

<head>
    <script type="tetx/javascript">
        // code goes here
    </script>
</head>

此外，现在这些是不必要的，我们不是生活在古老的浏览器时代（IMO）

DEMO

另请注意，您的HTML已损坏，请查看演示中的HTML。另外，如果您不想在表格中使用id（我已使用id='items'），那么只需使用$(table)代替$(table#items)。

请使这个javascript显示切换工作多个类

1 个答案: