2012-01-08 80 views
1

的CMS刪除內容我使用插入代碼,在我的頁面的痕跡導航,和我沒有直接編輯的能力。眼下面包屑的樣子:隱藏或使用jQuery

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; 
+0

好了,HTML代碼當然可以得到改善。 UL元素是一個更好的選擇(因爲我們有一個麪包屑項目列表),在這種情況下,刪除第一個項目將是一件容易的事情... – 2012-01-08 18:50:00

+0

另外,' '是什麼?如果A和SPAN元素之間只有一個空格,則只需使用常規空格字符。 – 2012-01-08 18:51:03

+0

就像我說過的,我無法控制麪包屑代碼,這就是爲什麼我需要JQuery來操作它。 : - \ – 2012-01-08 19:04:01

回答

2
$('.breadcrumb:first').remove(); 
$('.breadcrumbseparator:first').remove(); 
+0

這是非常接近的,但是當我這樣做時,在家之前還有兩個額外的 (空格)。我知道我很挑剔,我可能只是用CSS解決它,但有另一種方式嗎?謝謝你的幫助! – 2012-01-08 19:09:43

+0

更新:我只是將text-indent:-6px添加到breadcrumbComponent,它彌補了開始處的額外空間。夠好了! ;) – 2012-01-08 19:36:38

0

你可以使用:

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