regex - 正規表現は「 { 」を「{」に置き換えません

Question

HTML

<div id = "board_code_dup">
    <div>{abc</div>
    <div>def</div>
   div>ghi}</div>
</div>

JS

var $board_code_dup = $('#board_code_dup');
board_code_dup_html = $board_code_dup.html();

$board_code_dup.html( board_code_dup_html.replace(/{/g, "<span>{</span>") );
$board_code_dup.html( board_code_dup_html.replace(/}/g, "<span>}</span>") );

のすべてのインスタンス}は に適切に置き換えられますが、 には置き換えられ<span> } </span>ません{。

私のコードの問題は何ですか？

Answer 1

「{」は「{1,3}」のように繰り返しを開始し、予約されているため、エスケープする必要があります。

$board_code_dup.html( board_code_dup_html.replace(/\{/g, "<span>{</span>") );

Answer 2

このコードは機能します：

var $board_code_dup = $('#board_code_dup');
board_code_dup_html = $board_code_dup.html();

$board_code_dup.html( board_code_dup_html.replace(/\{/g, "<span>{</span>").replace(/}/g, "<span>}</span>") );