javascript - 用jQuery隐藏HTML

我在这样的页面上写了html，我无法控制它，我只能使用jquery来访问它，我需要您的帮助来解决。

<span class="breadcrumb">
<a href="http://www.example.com" class="breadcrumb"></a>Home /
<a href="http://www.example.com" class="breadcrumb">Home</a> /
</span>

我只想从具有空链接的第一行中隐藏“ Home /”文本。此问题是链接中没有包含文本，而是纯文本。

但我想保持包含链接的第二行可见

<a href="http://www.example2.com" class="breadcrumb">Home</a> /

最佳答案

您可以获取.contents() ..然后使用.slice()获得不需要的文本部分

$('span.breadcrumb').contents().slice(2,3).remove();

http://jsfiddle.net/3gpgY/

如果您也想在文本之前删除锚点，只需更改起始索引

$('span.breadcrumb').contents().slice(1,3).remove();

http://jsfiddle.net/eK7F7/