为什么我无法使用 jquery 显示/隐藏 Html TR？

Question

我在 HTML 中有以下 TR ，我使用 JQuery

<tr class="RowDiv" id="tempTR" runat="server" visible="false">                    <td>
                    <div class="LabelDiv">
                        <div class="dfltTxtBld">
                            ID<span class="reqChar" runat="server" id="Span1" visible="false">
                                *</span>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="InputDiv">
                        <asp:TextBox ID="TextBox1" runat="server" CssClass="txtField" MaxLength="10"></asp:TextBox>
                    </div>
                </td>
                <td>
                    <div id="Div1" runat="server">
                    </div>
                </td>
            </tr>

，在 javascript 代码中我调用了以下方法来隐藏它，

$('#<%= tempTR.ClientID %>').hide();

但它总是不受影响，即使我尝试将其隐藏然后显示它也不受影响工作..我试图隐藏&显示 TextBox1 并且它可以工作，但是如果我尝试使用该行，它就不起作用......有什么方法可以显示/隐藏 TR 吗？

Answer 1

我认为您遇到了与这篇文章相同的问题 JQuery .Show() 不适用于服务器控件？

Answer 2

如果我执行此加载，它会起作用

$(document).ready(function(){
    $('#tempTR').hide();
});

也许您的问题出在其他地方？

Answer 3

在您的示例中，文本框可以工作，因为它是一个 asp 控件，而表行则不能工作，因为它是一个 HTML 元素。

查看实际的 HTML 并确保 $('#<%= tempTR.ClientID %>').hide(); 解析为 $('#tempTR')。 hide(); 在呈现的 HTML 中。

我有一段时间没有使用 ASP，但我相信它将呈现为 $('#tempTR.ClientID') 这不是 DOM 中的 ID。

Answer 4

我更喜欢，当您刚刚单击要隐藏的 TR 内的元素时，我将使用：

$('#other').click(function() {
    $(this).closest("tr").hide();
});

具有一定效果：

$('#other').click(function() {
   $(this).closest("tr").fadeOut('slow');
});

记住将该代码放入您的 onready 函数中

$(document).ready(function($) {
  // Code using $ as usual goes here.
});

Answer 5

这不适用于 Jquery 或 javascript 中的表。您必须按类或其他 id 引用表。使用元素 ID 不适用于表。