Question

我找到了一个脚本来切换表行。如果要有两个切换表该如何编辑？

非常感谢

$('table').find('tr:gt(0)').hide();


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

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

  <table>
    <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>

Answer 1

尝试一下：

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


$("button").on("click", function() {
    $('table').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>

Answer 2

您可以为表分配ID并使用

赞：

$('#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>

如果您想要2个不同的按钮，则可以像完成一个按钮一样进行操作！

多表行切换

2 个答案: