Question

I have a HTML that looks like this:

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

and i need to hide the Element a with content Home, either by href (because its the only element with this href on page) or by content (which is always “Home”).

But the problem is, i can not add ID to Home.

Answer 1

Using jQuery:

First element

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

By content

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

By href

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