替換方括號以獲取網頁上的鏈接

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方法 ！