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>

我需要隐藏带有内容Home的元素a，或者通过href（因为它是页面上具有此href的唯一元素）或内容（始终为“Home”）。

但问题是，我无法将ID添加到首页。

Answer 1

使用jQuery：

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

Answer 2

使用jQuery：

第一个元素

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

按内容

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

通过href

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

Answer 3

你可以通过给出你拥有的类名来使用jquery的隐藏

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/

Javascript（Jquery或MooTools或纯Javascript）按内容或href隐藏元素

3 个答案: