javascript - 访问具有特定文本内容的类并显示 :none

Question

我正在处理一个大型 Joomla CMS 网站。

问题:我需要在整个网站上全局隐藏一个菜单选项卡。我需要的菜单项没有唯一的 ID 或类；而是与我需要保留在页面上的其他选项卡共享相同的类。我需要删除的选项卡中有 70% 按 4 顺序显示，所以我从下面开始。

.tabs:nth-of-type(4)
{
    display:none !important;
}

但是!看到其余的顺序不同，这是行不通的。我需要删除的相关标签看起来像下面的标记。

更新:这是我目前通过以下建议得到的，但它不起作用:

$(document).ready(function() {
  $('.djaccTitle:contains("Location").css( "display: none;" )')
});
<span class="tabs">Location</span>

有没有办法编写一个 if 语句或类似的轻量级解决方案来嗅探类中的文本内容，所以如果它说 Location，则隐藏？

我想找到这样的解决方案，而不是手动删除 1000 个标记文件。为任何指针干杯

更新:这是我通过下面的当前建议得到的，但它不起作用!

$(document).ready(function() {
  $('.tabs:contains("Location").css( "display: none;" )')
});

Answer 1

我不相信你现在要求的纯 CSS 存在。

我会做的是使用 jQuery 的 :contains() 选择器:

$('span.tabs:contains("Location")')

甚至更好:

$('#idOfTabsContainer span.tabs:contains("Location")')

当然，不要忘记将其放入 document.ready 以确保您的 DOM 元素已成功加载:

$(document).ready(function() {
    $('#idOfTabsContainer span.tabs:contains("Location")')
});