Js中动态赋值插入html内容单引号双引号转译处理

比如某个div内需要动态插入一些后台获取到的内容

有个同事问了随手写一下

长话短说

直接上demo，html内容原本长这样

<input id="xx" class="checkboxlist" name="xx" required="true" repeatItems="2" repeatDirection="horizontal" repeatLayout="none" textField="text"  valueField="id" multiSelect="false" data="[{'id':'临床研究方案',text:'临床研究方案'},{'id':'临床研究总结',text:'临床研究总结'}]" style="width:100%"/>

这里面data的内容需要动态生成赋值进去，但是这个data是引号包着引号的

既然里面都是双引号我也懒得改了，直接js单引号处理了。

单的括双的，双的里面就单的了

var data = '<input id="xx" class="checkboxlist" name="xx" required="true" repeatItems="2" repeatDirection="horizontal" repeatLayout="none" textField="text"  valueField="id" multiSelect="false" data="[{\'id\':\'临床研究方案\',text:\'临床研究方案\'},{\'id\':\'临床研究总结\',text:\'临床研究总结\'}]" style="width:100%"/>';

$("#xxx").html(content);

如果遇到方法参数中带引号这种情况可以看下这个

js方法参数中含有单引号双引号的处理 - twoheads - 博客园