12.4. 选项 B:jQuery


如果您有一个比较复杂的元素隐藏,如侧边栏菜单元素,最好使用一些 jQuery。这些元素的 CSS 路径在 Dashboard 和 Account 部分是相同的,您不想在这两个部分中隐藏元素。因此,请根据 CSS 路径和内容选择 元素。在本例中,假设您要从控制面板的侧栏中隐藏 messages 部分。您的 CSS 路径是:

#three-scale #submenu li a

为了匹配内容,您将使用 .text() 函数。您还会在文件的顶部和就绪功能中包含代码,以便在生成所有内容后执行。

开发人员门户修改内置页面

生成的代码片段类似如下:

$(function() {
  $('#three-scale #submenu li a').each(function() {
    if ($(this).text() == "Messages")
      $(this).parent().css('display', 'none');
  });
});

这不是唯一的解决方案。它只是展示了执行该操作的一种可能方式。同样的示例可以使用纯 CSS 通过基于属性值的 CSS3 选择器来完成。有关完整的 CSS3 选择器规格,请 在此处 查看:

Red Hat logoGithubredditYoutubeTwitter

学习

尝试、购买和销售

社区

关于红帽文档

通过我们的产品和服务,以及可以信赖的内容,帮助红帽用户创新并实现他们的目标。 了解我们当前的更新.

让开源更具包容性

红帽致力于替换我们的代码、文档和 Web 属性中存在问题的语言。欲了解更多详情,请参阅红帽博客.

關於紅帽

我们提供强化的解决方案,使企业能够更轻松地跨平台和环境(从核心数据中心到网络边缘)工作。

Theme

© 2026 Red Hat
返回顶部