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

有人能用多个类实现这一点吗。它目前只适用于一个，我不知道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>

我想你想要这个（如果你不想做其他事情，请告诉我，你的问题不清楚）

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

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

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

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

演示。

还要注意，您的HTML已损坏，请检查演示中的HTML。此外，如果您不想对表使用id（我使用过id='items'），那么只需使用$(table)而不是$(table#items)。

相关内容

最新更新

热门标签：