2012-01-03 28 views
1
jQuery(document).ready(function(){ 
jQuery('.breadcrumbs').text(function (i, old) { 
return old 
.replace('Your-Space', 'Your Space') }); 
}); 

我有面包屑這個「你-SPACE」的文字在頂部和上面的代碼確實取代了我與「你的空間」的文字,沒有「 - 」。jQuery的字符串替換在麪包屑

但是「您的空間」也是指向該特定類別的鏈接,並且上述功能會刪除該鏈接,爲什麼會發生這種情況?

更新: 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> 

>瀏覽分類

UPDATE2 :

這讓我很困惑,也可能是你們兩個人。要清除它,這個片段的作品,它的工作:

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被改變,而不是鏈接時,所以它不會選擇.breadc隆重。

我希望已經夠清楚了,至少我現在對我來說很困惑,至少現在我很困惑。

+0

您可以包括你的HTML - 是麪包屑一類的固定點? – ManseUK 2012-01-03 10:54:47

+0

我已經在過去做過,現在我也會做。我不覺得哪一個是合適的答案,因爲你們兩個都挺對,但這根本不能解決我的問題,我有點比以前更困惑。 – Chris 2012-01-03 11:56:14

+0

我不是特意爲這個問題 - 對於你所有的問題...... – ManseUK 2012-01-03 11:57:34

回答

2

編輯: 這裏是使用父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'); 
    }); 
}); 
+0

如果我使用html($('。breadcrumb')。XXX)更改文本,並且如果我複製了片段,每個片段都有自己的目標css路徑.breadcrumbs a和.breadcrumbs)。但是,如果我選擇它們,.breadcrumbs a,.breadcrumbs - >不起作用。 – Chris 2012-01-03 11:54:21

+0

@CristianDemetriad瞭解....嘗試使用此插件 - > http://benalman.com/projects/jquery-replacetext-plugin/將僅替換文本(任何地方)並保持HTML不變。 – ManseUK 2012-01-03 11:56:58

+0

我無法選擇課程並且沒有爲我工作,我像我說的那樣離開了它,但我將不得不改變它,因爲這不是一個好的解決方案。明天我會回來的。 – Chris 2012-01-03 18:53:58

0

嘗試:

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

它不會刪除鏈接,但不會更改文本。它確實改變了文本,但當面包屑只有一層時:Home - > Your Space,但當你進入像Home - > Your Space - > Category的類別時,它不會改變它。但是,我發現我應該將這個片段應用於「breadcrumbs a」,它的確有竅門;無論如何,非常感謝你的幫助:)。 – Chris 2012-01-03 10:54:04

+0

等一下,我錯了。如果是「Home - > Your Space - >」,添加「breadcrumbs a」不會改變字符串!但是,如果麪包屑是「首頁 - >您的空間 - >類別名稱」,那就行了。用你的建議解決方案,是相反的。如果我嘗試使用這兩個版本,這可能與我最初的版本相同。 – Chris 2012-01-03 10:57:34

+0

.text函數不允許任何html標記。他們被剝奪了輸出。我不能沒有你的html標記 – kaz 2012-01-03 10:59:41

0

嘗試

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

完全沒有變化。 – Chris 2012-01-03 12:11:11