javascript - Web ページ上のリンクの角かっこを置き換える

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 メソッドを見てください。