웹 페이지의 링크를 대괄호로 바꿉니다.

Question

jQuery/Javascript를 사용하여 HTML 컨텐트를 구문 분석하려고합니다. 나는 대괄호 사이의 단어를 찾고 전체 단어를 링크로 변경하려고합니다.

예 : 나는 대괄호 사이에 단어의 모든 인스턴스를 찾을 수 있습니다

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

:이 같은 무언가로 이중 괄호 안에 무엇을 변경하는 정규 표현식을 사용하려고 해요

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

이 정규식 :

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

하지만 텍스트를 바꾸는 방법을 모릅니다. .

Answer 1

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

DEMO : 같은http://jsfiddle.net/y4N6e/

Answer 2

뭔가 :

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

작동합니다.

하지만 당신은 봐야 _.template method!