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

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

例如：

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

有没有办法一次隐藏所有面板而不提供其ID

i、 e.以下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>

尝试以下操作：

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>

Asp面板内容

您的面板显示了一个共同的模式-它们的ID中都有

pnl

部分。由于面板呈现为

div

，您可以使用此事实构建选择器：

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

---

面板的HTML是什么样子的？向它们添加一个类，然后

$（'.panels'）.hide（）

面板只是div，因此迭代该div以使其子对象隐藏它。asp面板通常呈现为

div

，因此需要指定它，例如set cssclass@user1263981这不是呈现的html。这是您的webforms代码。如果asp命名容器中的

panel

不起作用，我不明白，您可以在DevTools上检查panel元素，并将其ID绑定到JS上。我的意思是，如果panel-inside-panel或类似的东西，它会将客户端ID呈现为与您在设计时设置的ID不相等，请使用它：$（“#”）