Question

asp.net页面上有许多面板。可以通过在JQuery中提供id来隐藏面板。

示例：

$('#pnlEmployee').hide();

有没有办法一次性隐藏所有面板而不给他们的ID？

即。它们遵循JQuery可用于清除所有文本框内容;

$('input[type=text]').val('');

有没有办法隐藏所有面板？

以下是示例HTML代码;

<asp:Panel ID="pnlEmployee" runat="server">
<table cellpadding="3" cellspacing="0" border="0" width="100%">
</table>
</asp:Panel>

<asp:Panel ID="pnlDetails" runat="server">
<table cellpadding="3" cellspacing="0" border="0" width="100%">
</table>
</asp:Panel>

Answer 1

您的小组显示了一种常见模式 - 他们的ID都有pnl部分。由于面板呈现为div，因此您可以使用此事实来构建选择器：

$("div[id*='pnl']").hide();

Answer 2

尝试如下：

JS：

document.getElementById('Panel1').style.display = 'none';

<强> ASP.NET

<asp:Panel ID="Panel1" runat="server">
   <asp:Label ID="Label1" runat="server">Asp panel content</asp:Label>        
</asp:Panel>

使用JQuery隐藏asp.net页面上的所有面板

2 个答案: