使用javascript或CSS隐藏特定的H2 id

我们正在寻找Zendesk作为我们的支持站点，但它不是非常可定制的。我正在尝试使用可以用javascript或css创建的widgets函数从页面中删除特定文本

我试图在显示页面时隐藏以下h2标记：

<h2 id="search_box">Knowledge Base &amp; Forums</h2>

但它似乎不起作用。我不擅长CSS或javascript，也不知道这些小部件何时运行，但我认为我在访问页面上的元素方面做错了什么

我已经能够使用以下Javascript和CSS代码组合来隐藏文本，但它并不能满足我的需要，因为它会隐藏页面中包含文本的任何部分：

Javascript:

$j('h2:contains(Knowledge Base & Forums)').addClass('forumtitle');

CSS:

谢谢你的帮助

试试document.getElementByIDsearch_box.style.visibility='hidden'；在Javascript中

#search_box {
    display: none;
}

---

。是用于类的，是用于id的，您的CSS处于关闭状态-要隐藏id“搜索”框，您的CSS将处于关闭状态

#search_box {
    display: none;
}

请注意id-。用于类。

尝试在CSS中使用：

#search_box {
    display: none;
}

---

如果你想使用jQuery，你可以试试这个

$(document).ready(function(){
    $("h2").each(function(){
        if(trim($(this).html()) == "Knowledge Base & Forums") {
            $(this).hide();
        }
    });
});

---

完美的谢谢，我认为这只是一个简单的语法错误。我试图立即这样做，但当你第一次创建问题时，它会让你等待几分钟来接受答案。现在回来给你介绍一下：可能是杀伤力太强了。再次阅读答案后，基本上您在HTML中引用了一个ID，在CSS中引用了一个类。看起来你可能已经解决了-

#search_box {
    display: none;
}

$(document).ready(function(){
    $("h2").each(function(){
        if(trim($(this).html()) == "Knowledge Base & Forums") {
            $(this).hide();
        }
    });
});