Masquer un ID H2 spécifique en utilisant JavaScript ou CSS

Question

Nous examinons Zendesk pour notre site d'assistance, mais ce n'est pas très personnalisable. J'essaie de supprimer le texte spécifique de la page en utilisant leur fonction Widgets (qui peut être créée dans JavaScript ou CSS).

J'essaie de masquer la balise H2 suivante lors de l'affichage de la page:

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

J'ai essayé le CSS suivant:

.search_box {
    display: none;
}

Mais cela ne semble pas fonctionner. Je ne suis pas génial avec CSS ou JavaScript et je ne sais pas non plus quand ces widgets s'exécutent, mais je suppose que je fais quelque chose de mal en termes d'accéder à l'élément de la page.

J'ai pu masquer le texte en utilisant la combinaison suivante des codes JavaScript et CSS, mais il ne fait pas ce dont j'ai besoin car il masquera n'importe quelle partie de la page qui contient le texte:

Javascript:

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

CSS:

.forumtitle {
    display: none;
}

Merci pour toute aide!

Answer 1

#search_box {
    display: none;
}

. est pour les cours, # est pour IDS

Answer 2

Essayez d'utiliser dans votre CSS:

#search_box {
    display: none;
}

Answer 3

Votre CSS est désactivé - pour masquer un ID `Search_box votre CSS serait

#search_box {
    display: none;
}

Notez le # pour id -. est pour les cours.

Answer 4

Si vous souhaitez utiliser jQuery, vous pouvez essayer ceci ...

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

Answer 5

Essayer document.getElementByID("search_box").style.visibility = 'hidden'; en javascript