更換右尖括號

Question

我的HTML看起來是這樣的：

<b><a href="#">Home</a> > <a href="#">This Page</a></b> 

我如何可以替換這些⟩純文本的所有實例直角括號>在JavaScript/jQuery的？

結果應該是這樣的：

<b><a href="#">Home</a> ⟩ <a href="#">This Page</a></b> 

我想：

$('b').text($(this).text().replace('>','⟩')); 

但它幾乎讓我的瀏覽器崩潰...

在此先感謝。

Answer 1

則要隔離文本節點

在例如<b>標籤：

var content=$('b').contents(); 
content.each(function(){ 
    if(this.nodeType===3){/* text node*/  
     this.textContent=this.textContent.replace(/>/g,'}')   
    } 
}); 

DEMO

Answer 2

嘗試：

var t = $("b").html(); 
$("b").html(t.replace(/>/g,"}")); 

Fiddle here.