javascript - javascript または CSS を使用して特定の H2 ID を非表示にする

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

. はクラス用、# は ID 用

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

document.getElementByID("search_box").style.visibility = 'hidden';Javascriptで試す