Javascript 显示/隐藏表内的所有tr-s

下面是html结构

<table class="views-table cols-3">
      <caption>
         <h2>LINK(which will hide/show all trs in this table)</h2>
      </caption>
   <thead>
   <tbody>
   ...
   </tbody>
</table>

链接（将隐藏/显示此表中的所有TR）
...

此表在同一类别中重复n次。请使用js或jquery脚本提供帮助，该脚本在单击链接的表中隐藏/显示所有tr-s或整个

在jQuery中：

(jQuery.noConflict())(function($){
    $('.views-table cols-3 h2').click(function(){
        if($(this).parent('.views-table').find('TBODY > TR')[0].is(':visible')) {
            $(this).parent('.views-table').find('TBODY > TR').hide();
        } else {
            $(this).parent('.views-table').find('TBODY > TR').show();
        }
    });
});

在jQuery中：

(jQuery.noConflict())(function($){
    $('.views-table cols-3 h2').click(function(){
        if($(this).parent('.views-table').find('TBODY > TR')[0].is(':visible')) {
            $(this).parent('.views-table').find('TBODY > TR').hide();
        } else {
            $(this).parent('.views-table').find('TBODY > TR').show();
        }
    });
});

试试这个链接

---

试试这个链接

这不认为表是同一个类重复n次。这并不认为表是同一类重复n次。我很抱歉，但似乎我的CMS不允许我使用JQ脚本。请你写一个js等效函数好吗。我将这段代码粘贴到：视图>标题>全局：文本区域，但由于某些原因，它没有加载jq。但是它加载了js（我用alert（）测试了它）。我不知道什么是“cms”，其中的“Views>Header>Global:Text area”是什么，而且很少在没有jQuery的情况下操作DOM，所以你可能需要找到其他人（或者弄清楚为什么jq没有加载）……我真的很抱歉，但是我的cms似乎不允许我使用jq脚本。请你写一个js等效函数好吗。我将这段代码粘贴到：视图>标题>全局：文本区域，但由于某些原因，它没有加载jq。但是它加载了js（我用alert（）测试了它）。我不知道“cms”是什么，其中的“Views>Header>Global:Text area”是什么，而且很少在没有jQuery的情况下操作DOM，所以你可能需要找到其他人（或者弄清楚为什么jq没有加载）…我真的很抱歉，请查看我在Shaun5上的评论我真的很抱歉，请看我对shaun5的评论

 $('.views-table h2').click(function() {
      $(this).closest('table').find('tbody').toggle();
 });