0

有人可以让这个工作与多个班级一起工作。它目前只适用于一个，我不知道 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>
4

1 回答 1

0

我想你想要这个（如果你不想要别的东西，请告诉我，你的问题不清楚）

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

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

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

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

演示。

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

于 2013-07-15T02:20:41.627 回答