Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 多表行切换_Javascript_Css - Fatal编程技术网
Fatal编程技术网

Javascript 多表行切换

javascript css

Javascript 多表行切换,javascript,css,Javascript,Css,我找到了一个切换表行的脚本。如果我想要两个切换表，如何编辑 非常感谢 $（'table'）.find（'tr:gt（0）'）.hide（）； $（“按钮”）。在（“单击”，函数（）{ $（'table'）.find（'tr:gt（0）'）.toggle（）； }); 你好 你好 你好 你好 你好 你好 单击您可以为表分配id并使用它 比如： 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 你好 点击 如果你想要两个不同的按钮，你可以用同样的方法做一个 试试这个： $（

我找到了一个切换表行的脚本。如果我想要两个切换表，如何编辑

非常感谢

$（'table'）.find（'tr:gt（0）'）.hide（）；
$（“按钮”）。在（“单击”，函数（）{
$（'table'）.find（'tr:gt（0）'）.toggle（）；
});


你好
你好
你好
你好
你好
你好

单击
您可以为表分配id并使用它

比如：



你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
点击


如果你想要两个不同的按钮，你可以用同样的方法做一个
 试试这个：



$（'table1，'table2'）.find（'tr:gt（0）'）.hide（）；
$（“按钮”）。在（“单击”，函数（）{
$（'table'）.find（'tr:gt（0）'）.toggle（）；
});


你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好
你好

单击
$（'table1ID，#table2ID'）。查找（'tr:gt（0）'）。切换（）；是的，我在找两个不同的按钮。谢谢你的建议

$('#table1').find('tr:gt(0)').hide();
$('#table2').find('tr:gt(0)').hide();


$("button").on("click", function() {
    $('#table1').find('tr:gt(0)').toggle();
    $('#table2').find('tr:gt(0)').toggle();
});



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <table id="table1">
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>   
</table>
<table id="table2">
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>
    <tr><td>Hello</td></tr>   
</table>


<button>click</button>