CODEWITHSUNDEEP
jquery
Nate Allen
Nate Allen

Reputation: 240

Hide or Remove content with JQuery

The CMS I'm using inserts code for a breadcrumb navigation on my pages, and I don't have the ability to edit it directly. Right now the breadcrumb looks like:

www.mysite.com » Home » About Us

I want to remove the "www.mysite.com" and the first »

How do I do that with JQuery? The HTML code looks like:

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

So basically I just need to remove:

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

Upvotes: 1

Views: 773

Answers (3)

Daniel Kurka
Daniel Kurka

Reputation: 7985

you can use:

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

Upvotes: 0

Maxim Krizhanovsky
Maxim Krizhanovsky

Reputation: 26699

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

Upvotes: 2

Jeaf Gilbert
Jeaf Gilbert

Reputation: 11981

jQuery Remove & jQuery Hide.

Upvotes: 0

Related Questions