Question

我们正在寻找Zendesk的支持网站，但它不是很可定制的。我正在尝试使用他们的小部件功能（可以在javascript或css中创建）从页面中删除特定文本。

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

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

我尝试过以下CSS：

.search_box {
    display: none;
}

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

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

使用Javascript：

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

CSS：

.forumtitle {
    display: none;
}

感谢您的帮助！

Answer 1

#search_box {
    display: none;
}

。用于类，＃是用于ids

Answer 2

尝试在CSS中使用：

#search_box {
    display: none;
}

Answer 3

你的CSS已经关闭 - 隐藏一个id`search_box你的CSS

#search_box {
    display: none;
}

注意＃为id - 。是为了上课。

Answer 4

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

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

Answer 5

在Javascript中试用document.getElementByID("search_box").style.visibility = 'hidden';

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

5 个答案: