更换直角括号

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.