如何使用jQuery显示表中的隐藏行？

我有这张桌子：

<table style="cursor: pointer; width: 100%">
                        <tr>
                            <td rowspan="4">
                                <asp:Image ID="Image1" ImageUrl="~/Images/pushpinred.png" runat="server" Width="32"
                                    Height="32" /></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td rowspan="7">
                                <input type="button" id="btnToggleRow" value="B" style="height: 30px; position: relative; float: left;" />
                            </td>
                        </tr>
                        <tr class="textDesc">
                            <td>text:</td>
                            <td rowspan="4">
                                <h1 style="color: gray"><%# Eval("Text") %></h1>
                            </td>
                        </tr>
                        <tr class="hidden">
                            <td>text:</td>
                            <td><%# Eval("Text") %></td>
                        </tr>
                        <tr class="hidden">
                            <td>X:</td>
                            <td><%# Eval("Lon") %></td>
                        </tr>
                        <tr class="hidden">
                            <td>Y:</td>
                            <td><%# Eval("Lat") %></td>
                        </tr>
                        <tr>
                    </table>

下面是它在视图中的外观：

正如您可以看到的，它是一个表，每行有3个元素图像文本和按钮。表中还有隐藏的行

单击按钮B时，我需要启动上面的jQuery函数

在函数内部，我需要获取所有隐藏行，使它们可见，并使具有

textDesc

类的不可见行可见

---

如何实现它？

您有jquery函数

.show（）。隐藏（）。切换（）它完全符合您的想法

将它们附着到要显示/隐藏的图元

例如：

 $('.toggleRow').click(function(){
     $('.toggleRow').toggle();
 });

但是首先我需要访问隐藏的元素，我该怎么做呢？你是指一个实际的隐藏元素（display:hidden）还是一个类为“hidden”的元素一个实际的隐藏元素.hide（）是什么；或show（）；确实是更改了Display的css属性。因此，要访问该元素，只需将其id/class与$（'someid'）.show（）一起使用即可；和附加到它的功能，你需要的
 $('.toggleRow').click(function(){
     $('.toggleRow').toggle();
 });