jQuery String Заменить в крошке

Question

jQuery(document).ready(function(){
jQuery('.breadcrumbs').text(function (i, old) {
return old
.replace('Your-Space', 'Your Space') });
});

У меня есть этот текст "Your-Space" в хлебных крошках вверху, а приведенный выше фрагмент действительно заменяет мой текст на "Your Space", без "-".

Но "Your Space"также является ссылкой на эту конкретную категорию, и функция, приведенная выше, удаляет ссылку, почему это происходит?

Обновление: HTML: (если крошка имеет один уровень глубины)

<div class="breadcrumbs">
<a href="http://www.xxx.com" title="Go to Home.">Home</a> &gt; Your-Tennis-Space</div>

HTML: (если в категории)

<div class="breadcrumbs">
<a href="http://www.xxx.com" title="Go to Home.">Home</a> &gt; 
<a href="http://www.xxx.com/your-space/" title="Go to Your-Space.">Your-Space</a> 

> Просмотр категорий

Обновление2:

Это запутанодля меня и, вероятно, для вас двоих парней.Чтобы очистить его, этот фрагмент работает, он выполняет свою работу:

jQuery(document).ready(function(){
jQuery('.breadcrumbs').html(function (i, old) {
return old.replace('Your-Space', 'Your Space') });
});

Но у меня есть хлебные крошки, и когда путь - Дом> Ваше Пространство, «Ваше Пространство» не является ссылкой.Когда я нажимаю на категорию, я получаю следующий путь, где Ваше пространство становится ссылкой = Главная> Ваше пространство> Некоторая случайная категория.

Теперь все работает, ЕСЛИ я выбираю оба класса по отдельности:

jQuery(document).ready(function(){
jQuery('.breadcrumbs').html(function (i, old) {
return old.replace('Your-Space', 'Your Space') });
});

И

jQuery(document).ready(function(){
jQuery('.breadcrumbs a').html(function (i, old) {
return old.replace('Your-Space', 'Your Space') });
});

(с и без)

ЕСЛИ я выбираю их таким образом (jQuery ('. Breadcrumbs, .breadcrumbs)a ')), он не работает как в, просто меняются .breadcrumbs, а не когда есть ссылка, поэтому он не выбирает .breadcrumbs.

Надеюсь, достаточно ясно, мне пришлось этопо крайней мере, для меня, потому что я сейчас очень растерян, лол.

Answer 1

РЕДАКТИРОВАТЬ: Вот пример с использованием родительского div в качестве селектора: http://jsfiddle.net/Ax6ps/1/

$('#mybut').click(function() {
    $('.parent-breadcrumb a').text(function(i, old) {
        return old.replace('Click', 'Your Space');
    });
});

OLD -> В этом примере работает нормальноhttp://jsfiddle.net/Ax6ps/

<a href="index.html" class="breadcrumb">Click</a><br/>
<a href="index.html" class="breadcrumb">Click</a><br/>
<a href="index.html" class="breadcrumb">Click</a><br/>
<a href="index.html" class="breadcrumb">Click</a><br/>
<a href="index.html" class="breadcrumb">Click</a><br/>
<input type="button" value="Do Something" id="mybut"/>


$('#mybut').click(function() {
    $('.breadcrumb').text(function(i, old) {
        return old.replace('Click', 'Your Space');
    });
});

Answer 2

попробуй

jQuery(document).ready(function(){
jQuery('.breadcrumbs a').text(function (i, old) {
return old.replace('Your-Space', 'Your Space') });
});

Answer 3

попробуйте это:

jQuery(document).ready(function(){
jQuery('.breadcrumbs').html(function (i, old) {
  return old.replace('Your-Space', 'Your Space') });
});