Regex不将“{”替换为“<span>{</span>”

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

此代码适用于：

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>") );

Answer 2

"{“像"{1,3}”一样开始重复，并且是保留的，因此您应该转义它。

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