通过JQuery.append追加html实体

Question

我知道有这样的问题，但解决方案对我不起作用。

我想像这样附加引导消息

但是我不能插入时间 HTML 实体 (×( 作为实体。

$(function() {
  var errors = {
    "error1": "message1",
    "error2": "message2"
  }
  $.each(errors, function(name, message) {
      var $span = $('<span/>', {
        text: "&#215;"
      });
      var $button = $('<button/>', {
        "class": "close"
      });
      var $alert = $('<div/>', {
        "class": "alert alert-danger alert-dismissible",
        text: message
      });
      $('#error-box').append($alert.append($button.append($span)));
  });
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="error-box">
</div>

Answer 1

在这里你可以用html代替text。

$(function() {
  var errors = {
    "error1": "message1",
    "error2": "message2"
  }
  $.each(errors, function(name, message) {
      var $span = $('<span/>', {
        html: "&#215;"
      });
      var $button = $('<button/>', {
        "class": "close"
      });
      var $alert = $('<div/>', {
        "class": "alert alert-danger alert-dismissible",
        text: message
      });
      $('#error-box').append($alert.append($button.append($span)));
  });
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="error-box">
</div>