javascript - 无法用单引号或双引号跨越 html 文本

Question

内容可编辑的 div

var1 = 'x';
var2 = someVar

目标

<span class="frag">var1 = 'x'</span>;
<span class="frag">var2 = someVar</span>; 

JS

$('#board_code_dup').children().each(function (index, child) {
   var text = $(child).html();

   //HOW TO DO THIS RIGHT?
   text = text.replace(/([A-Za-z0-9_]+\s*=\s*[A-Za-z0-9&'"]+)/g, '<span class="frag">$1</span>');
});

我将如何" '在这里使用 HTML 实体而不是' "这样我才能正确包装它？

Answer 1

这就是我尝试过的"$('#board_code_dup').text()"并将其拆分为“\n”而不是..

它将转换幕后的实体，如源中的引号或双引号。这可能在 reg-exp 中匹配。

var result = $('#board_code_dup').text().split("\n").map(function (el, idx){
                    return el.replace(/\s*;\s*$/,'').replace( /(\w+\s*=\s*[\w&"']+)/g,'<span class="frag">$1</span>');
            });
alert(result.join(''));

Js小提琴在这里

我希望这个能帮上忙 ..