javascript - 替换网页上链接的方括号

Question

我正在尝试使用 jQuery/Javascript 解析 html 内容。我想查找方括号之间的单词并将整个单词更改为链接。

例子：

<div>
   This is text inside a div. It has a reference to an [[Article]]
</div>

我正在尝试使用正则表达式将双括号内的内容更改为如下内容：

<div>
   This is text inside a div. It has a reference to an <a href='/dictionary#Article'>Article</a>
</div>

我可以使用这个正则表达式找到方括号之间的所有单词实例：

$('article').html().match(/[^[\]]+(?=])/g)

但不知道如何替换文本。

Answer 1

$("div").html(function(i, html) {
    return html.replace(/\[\[(.+?)\]\]/g, "<a href='/dictionary#$1'>$1</a>");
});

演示：http: //jsfiddle.net/y4N6e/

Answer 2

就像是：

$('div').html($('div').html().replace(/\[\[([^\]]+)\]\]/, '<a href="/dictionary#$1">$1</a>')

应该管用。

但是你应该看看_.template 方法！