12.4. 选项 B: jQuery

如果您有复杂的元素来隐藏某一侧栏菜单元素，最好使用一些 jQuery。这些元素的 CSS 路径在 Dashboard 和 Account 部分中是一致的，您不想在这两个部分中隐藏元素。因此，请根据 CSS 路径和内容选择元素。在本例中，假设您想从 Dashboard 的边栏中隐藏 messages 部分。您的 CSS 路径为：

#three-scale #submenu li a

#three-scale #submenu li a

Copy to Clipboard

Toggle word wrap

为了与内容匹配，您将使用 .text() 函数。您还会在文档头和就绪函数内包括代码，以便在生成所有内容后执行。

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

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

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

Copy to Clipboard

Toggle word wrap

这不是唯一的解决方案。它只是显示这样一种可能的实现方法。同样的示例可以使用纯的 CSS 带有属性值的 CSS3 选择器。有关完整的 CSS3 选择器规范，请在此处查看。

返回顶部

12.4. 选项 B: jQuery

学习

尝试、购买和销售

社区

关于红帽文档

让开源更具包容性

關於紅帽

Theme

Red Hat legal and privacy links

Red Hat legal and privacy links