如何使用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&nbsp;cs&nbsp;=&nbsp;'<i&nbsp;class="'+icon_code+'"></i>';至var&nbsp;cs&nbsp;=&nbsp;'<i&nbsp;class=&quot;'+icon_code+'&quot;></i>';这是带有双引号的示例输入：<input&nbsp;value="<i&nbsp;class=&quot;mdi&nbsp;mdi-content-save-move-outline&quot;></i>"&nbsp;style="width:&nbsp;300px">

Answer 2

"<input&nbsp;......&nbsp;value="'+cs+'"&nbsp;/>"这将产生：<input&nbsp;......&nbsp;value="<i&nbsp;class="code"></i>"&nbsp;/>看看那是怎么弄的？尝试适当地转义代码。