Скрыть определенный идентификатор H2, используя JavaScript или CSS

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;
}

. для классов, # для идентификаторов

Answer 2

Попробуйте использовать в своем CSS:

#search_box {
    display: none;
}

Answer 3

Если вы хотите использовать jQuery, вы можете попробовать это ...

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

Answer 4

Ваш CSS отключен - чтобы скрыть идентификатор `search_box, ваш CSS будет

#search_box {
    display: none;
}

Обратите внимание на # для id -. для занятий.

Answer 5

Попробуйте document.getElementByID("search_box").style.visibility = 'hidden'; в Javascript