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”..

它将在幕后转换实体，例如源中的引号或双引号。这可能在正则表达式中匹配。

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 fiddle Here

我希望这会有所帮助..