如何通过JS Web小部件将字符串呈现为HTML？

Question

我有一个Rails后端发送像

<p>Hello world</p>

等等

但是不管我做什么

$('div#target').after(...) or $('div#target').html(...)

字符串仍保持消毒状态。 如何将其转换为有效的HTML？

注意：在我的客户端上，我只有一个<script>标签

发送字符串的代码位：

function main() {
  jQuery(document).ready(function($){
    var body = "<%= @body %>";
    $('script#parentdiv').after("<div class='parent'></div>");
    $('.parent').html(body);
  });

Answer 1

var body = "<%= @body %>";

需要是

var body = "<%= @body.html_safe %>";

Answer 2

如果您特别希望使用jQuery，则

  var str = "hello, <b>my name is</b> jQuery.",
  html = $.parseHTML( str ), 
  // Append the parsed HTML
  $("#anyDomElement").append( html );`

这直接来自jQuery文档： http : //api.jquery.com/jquery.parsehtml/

否则，这也可以通过本机轻松完成， 使用内置的DOM方法或原型从HTML字符串创建新的DOM元素。

任何字符串都需要解析并创建为DOM的节点，以供浏览器理解。