Javascript 如何将html div追加到表中以响应jQuery getJSON

我正在努力做到以下几点：

$.getJSON("script/course_session.php", data, function(data) {
$.each(data, function(i, item) {

  var $tr = $('<tr>').append(
        $('<td>').text(item.start_date + " - " + item.end_date),
        $('<td>').text(
          '<div class=&quot;col-md-3 btn-buy animated fadeInRight&quot;><a href=&quot;#&quot; class=&quot;btn-u btn-u-sm enroll-button&quot;><i class=&quot;fa fa-university&quot;></i> Register</a></div>')
      ).appendTo("#session-table");
});
});

$.getJSON（“script/course\u session.php”），数据，函数（数据）{
$。每个（数据、功能（i、项）{
var$tr=$（''）。追加(
$（''）.text（item.start_日期+“-”+item.end_日期），
$（''）.text(
'')
).appendTo（“#session table”）；
});
});

其目的是实现以下目标（我使用的是引导）：

但是，它是这样打印出来的：

呈现html的正确方法是什么？

您必须使用.html（…）而不是.text（）。以及"而非",

区别在于，如果

str

具有标记内容，并且

.text（）

必须将

str

转换为文本，即使

str

包含XML或html，则

.html（str）

将

str

转换为DOM

A string of HTML to set as the content of each matched element.

The text to set as the content of each matched element. When Number or Boolean is supplied, it will be converted to a String representation.