如何使用jQuery直接打印<i>标签

Question

我正在尝试使用剪贴板API直接将标记与一些自定义项目一起复制。一切都很好。我的意思是，当我尝试复制普通文本时，但是当我尝试复制以下cs变量时。  for (index in result) {  var icon_name = result[index].icon_name;  var icon_code = result[index].icon_code;  var icon_code_css = result[index].icon_code_css;  var cs = '<i class="'+icon_code+'"></i>';  var tr = '<tr class="v-middle">';  tr += '<td><span><i class="' + icon_code + ' _icons"></i></span></td>';  tr += '<td class="flex text-color">' + icon_name + '</td>';  tr += '<td class="text-color"><span>'+icon_code+'</span><input type="text" id="'+icon_code_css+'" aria-hidden="true" class="offscreen form-control" value="'+icon_code+'"></td>';  tr += '<td class="text-color"><span>'+icon_code_css+'</span><input type="text" id="'+icon_code_css+'_script" aria-hidden="true" class="offscreen form-control" value="'+cs+'"></td>';  tr += '<td><span class="text-color">Material Design</span></td>';  tr += '<td><span id="'+icon_code_css+'_1" class="badge bg-primary-lt" onclick="clip(this.id)" data-clipboard-target="#'+icon_code_css+'">Copy</span> <span id="'+icon_code_css+'_2" class="badge bg-primary-lt" onclick="clip(this.id)" data-clipboard-target="#'+icon_code_css+'_script">Copy script</span></td>';  tr += "</tr>";  $('#icontable tbody').append(tr);}其副本仅<i class=此。谁能帮助我实现目标？

Answer 1

改变

var cs = '<i class="'+icon_code+'"></i>';

至

var cs = '<i class=&quot;'+icon_code+'&quot;></i>';

这是带有双引号的示例输入：

<input value="<i class=&quot;mdi mdi-content-save-move-outline&quot;></i>" style="width: 300px">

Answer 2

"<input ...... value="'+cs+'" />"

这将产生：

<input ...... value="<i class="code"></i>" />

看看那是怎么弄的？尝试适当地转义代码。