Javascript (Jquery или MooTools или чистый Javascript) скрывает элемент по содержанию или по ссылке

Question

У меня есть HTML, который выглядит так:

<tr>
<td nowrap="nowrap">
<a href="/home" class="mainlevel_jos_mainmenu_menu" >Home</a>
<a href="/somethingelse" class="mainlevel_jos_mainmenu_menu" >Something Else</a>
<a href="/somethingelse2" class="mainlevel_jos_mainmenu_menu" id="active_menu_jos_mainmenu_menu">Something Else 2</a>
<a href="/somethingelse3" class="mainlevel_jos_mainmenu_menu" >Something Else 3</a>
<a href="/somethingelse4" class="mainlevel_jos_mainmenu_menu">Something Else 4</a>
</td>
</tr>

и мне нужно скрыть Элемент a с контентом Home, либо с помощью href (потому что это единственный элемент с этим href на странице), либо с помощью контента (который всегда "Home").

Но проблема в том, что я не могу добавить идентификатор в Home.

Answer 1

Использование jQuery:

Первый элемент

$(".mainlevel_jos_mainmenu_menu:first").hide();

По содержанию

$(".mainlevel_jos_mainmenu_menu:contains('Home')").hide();

По href

$(".mainlevel_jos_mainmenu_menu[href='/home']").hide();

Answer 2

Использование jQuery:

$('a[href="/home"]').hide();

Answer 3

вы можете использовать jquery's hide, указав имя класса, которое у вас есть

give one more class name to the home like test

<a href="/home" class="mainlevel_jos_mainmenu_menu test" >Home</a>

$(".test").hide();

, подробнее см. Здесь

http://api.jquery.com/hide/