Javascript 具有特定文本内容和显示的Access类：无

我有一个大型Joomla CMS网站，我正在努力

问题：我需要在整个站点全局隐藏菜单选项卡。我需要的菜单项没有唯一的ID或类；但是，与我需要保留在页面上的其他选项卡共享同一类。70%的标签我需要删除显示在第四顺序，所以我从下面开始

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

但是！鉴于其余部分的顺序不同，这是行不通的。我需要删除的有问题的选项卡在整个标记中如下图所示

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

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

---

以前有一个

：包含他们要添加到CSS中的
选择器

但是，唉，你可能不得不求助于一些JS

jQuery支持您：

$（'.tabs:contains（“Location”））
我不相信您现在要求的纯CSS存在

我要做的是使用jQuery的
：contains（）
选择器：

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

或者更好：

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

当然，不要忘了将其放入
文档中。准备好
以确保DOM元素已成功加载：

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

Jquery应该可以工作。我想你的语法有错误

请尝试使用：

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

希望这有帮助

问题：我需要在整个站点全局隐藏菜单选项卡

解决方案1：禁用菜单项。轰，它从你的菜单上消失了，整个网站

解决方案2：使用css隐藏菜单项，方法是向菜单项本身添加一个唯一的类，然后使用css隐藏它

.hide-me-with-css {display: none;}


我会使用js将类/ID添加到每个选项卡，然后您可以在css中创建样式而不会出现问题。使用位置标识符；通过：contains挖掘内容会很慢而且有问题，因为父母：contain“相同的文本…出于某种原因，这对我不起作用；是否应该使用某个jQuery？您需要将其放入document.ready回调（请参阅编辑）
.hide-me-with-css {display: none;}