隱藏特定H2 ID使用JavaScript或CSS

我們正在調查的Zendesk對我們的支持網站，但它不是非常定製。我試圖使用他們的小部件功能（可以在JavaScript或CSS中創建）從頁面中刪除特定的文本。隱藏特定H2 ID使用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; 
}

感謝您的幫助！

來源

2011-02-18 mjdth

#search_box { 
    display: none; 
}

。爲類，＃是IDS

來源

2011-02-18 04:31:12

完美！謝謝，我認爲這是一個簡單的語法錯誤。 – mjdth 2011-02-18 04:33:14

@mjdth您介意將我的答案標記爲已接受嗎？是的，我對聲譽很感興趣。 – 2011-02-18 04:34:05

-1

嘗試document.getElementByID("search_box").style.visibility = 'hidden';在Javascript

來源

2011-02-18 04:31:08 SSK

你的CSS是關閉 - 隱藏一個id`search_box你的CSS將

#search_box { 
    display: none; 
}

注意＃的ID - 。是爲了課程。

來源

2011-02-18 04:32:13

嘗試使用在你的CSS：

#search_box { 
    display: none; 
}

來源

2011-02-18 04:32:29

如果你想使用jQuery你可以試試這個...

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

來源

2011-02-18 04:46:36 Mitch

隱藏特定H2 ID使用JavaScript或CSS

回答

相關問題