使用JQuery隐藏或删除内容

时间:2012-01-08 18:44:04

标签: jquery

CMS我正在使用插入代码在我的页面上进行面包屑导航,而我无法直接编辑它。现在面包屑看起来像:

www.mysite.com»主页»关于我们

我想删除“www.mysite.com”和第一个»

我如何使用JQuery做到这一点? HTML代码如下所示:

<span class="breadcrumbComponent">      

<a class="breadcrumb" href="/">www.mysite.com</a>&nbsp;<span class="breadcrumbseparator">&#0187;</span>&nbsp;<a class="breadcrumb" href="/en/">Home</a>&nbsp;<span class="breadcrumbseparator">&#0187;</span>&nbsp;<a class="breadcrumb" href="/en/about-us/">About Us</a>

</span>

所以基本上我只需要删除:

<a class="breadcrumb" href="/">www.mysite.com</a>&nbsp;<span class="breadcrumbseparator">&#0187;</span>&nbsp;

3 个答案:

答案 0 :(得分:2)

$('.breadcrumb:first').remove();
$('.breadcrumbseparator:first').remove();

答案 1 :(得分:0)

jQuery Remove&amp; jQuery Hide

答案 2 :(得分:0)

你可以使用:

$('a.breadcrumb').remove();