2012-01-08 2 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 был бы лучшим выбором (поскольку у нас есть список элементов панировки), и в этом случае было бы легкой задачей удалить первый элемент ... –

+0

Также, что с ' '? Если между элементами A и SPAN существует только одно пространство, просто используйте обычный символ пробела. –

+0

Как я уже сказал, у меня нет контроля над кодом, поэтому мне нужен JQuery, чтобы манипулировать им. : - \ –

ответ

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

Это действительно близко, но когда я это делаю, у меня все еще есть два дополнительных   (пробелы) перед Домом. Я знаю, что я нервничаю, и я могу, возможно, просто решить его с помощью CSS, но есть ли другой способ? Спасибо за вашу помощь! –

+0

Обновление: я только что добавил текст-отступ: -6px к breadcrumbComponent, и он восполнил дополнительные пробелы в начале. Достаточно хорошо! ;) –

0

вы можете использовать:

$('a.breadcrumb').remove(); 
Смежные вопросы