Question

所以我有一个包含多个表头的巨大表。我希望能够使用JQuery（或其他任何工作）最大化或最小化这些标头。这是一个示例表：

＆＃13;

<table>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
    </tr>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
    </tr>
</table>

＆＃13;

基本上在这个例子中，我想要两个最小化/最大化按钮相互交互（如果我点击一个，另一个没有变化）。

Answer 1

您可以为表格提供ID，如下所示

<table id="tb1">

然后你可以使用jQuery在点击按钮上隐藏表格

$("button#minimize").click(function(){
   $("div#tb1").hide();
})

同样，您可以在最大化按钮单击上显示表格。按钮的标识应为maximize和minimize。

Answer 2

你试过这个吗？

http://www.w3schools.com/jquery/jquery_hide_show.asp

<script>
$(document).ready(function(){
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
});
</script>

上面这个脚本基本上是针对id="hide"

所以当你点击id元素＆＃34;隐藏＆＃34;它启动Jquery函数并隐藏<p>元素。

然后以同样的方式定位id="show"

只需仔细阅读，就可以很容易理解。

使用JQuery最大化/最小化HTML表

2 个答案: