Javascript jquery将表追加到div

我有一个

div id

。我必须向div追加一个带有值的表

<div id="testResult" style="padding-left: 120px; "></div>

我在做以下步骤，但它不起作用

$.ajax({
    url: '/getReports',
    cache: false
}).done(function (html) {
    if (html != "") {
        $('#testResult').show();
        var htm = "";

        var string1 = '<table border="1"><tr><td>No</td><td>Testcase</td> <td>OS</td> <td>Browser</td>  <td>Result</td></tr></table>';
        $.each(html, function (i, data) {

            string1 + = '<tr><td rowspan="3">1</td><td rowspan="3">' + data.status.test + '</td><td rowspan="3"><!--OS--></td><td>' + data.status.bwser + '</td> <td> ' + data.status.report + ' </td></tr>';
        });
        $('#testResult ').append(string1);
        $("#testResult").html("<br/><br/>");
        $("#testResult").html("<p>" + htm + "</p>");
    }

}).fail(function () {
    $("#testResult").html("Failed to run the test");
    $('#edit ').removeAttr("disabled");
});

$.ajax({
url:“/getReports”，
缓存：false
}).done（函数（html）{
如果（html！=“”）{
$（'#testResult'）.show（）；
var htm=“”；
var string1='NoTestcase操作系统浏览器结果'；
$.each（html、函数（i、数据）{
string1+='1'+data.status.test+''+data.status.bwser+''+data.status.report+''；
});
$（'#testResult'）。追加（string1）；
$（“#testResult”）.html（“

”）；
$（“#testResult”）.html（“”+htm+“
”）；
}
}).fail（函数（）{
$（“#testResult”）.html（“未能运行测试”）；
$（“#编辑”）.removeAttr（“禁用”）；
});

编辑此部分

   $("#testResult").append("<br/><br/>");
  Remove this part-->
  $("#testResult").html("<p>" + htm + "</p>");   

$（“#testResult”）。追加（

）；
删除此部分-->
$（“#testResult”）.html（“”+htm+“
”）；

htm是空字符串，因为您从不将任何字符串连接到它。

$（“#testResult”）.html（

）和
$（“#testResult”）.html（+htm+”
）将覆盖“testResult”DIV的内容。因此，替换此项

$('#testResult ').append(string1);
      $("#testResult").html("<br/><br/>");
      $("#testResult").html("<p>" + htm + "</p>");   
}

$（'#testResult'）。追加（string1）；
$（“#testResult”）.html（“

”）；
$（“#testResult”）.html（“”+htm+“
”）；
}

与

$（'#testResult'）。追加（string1）；
$（“#testResult”）。追加（“

”）；
$（“#testResult”）。追加（“”+htm+“
”）；
}

.append（）：将向DIV的现有内容添加或追加额外字符串
何处为

.html（）：将删除DIV的现有内容或将其覆盖为新内容

这是
.append（）
和
.html（）
之间的主要区别。很抱歉，这不起作用。如果您要追加string1，那么您将覆盖“

”，然后再次覆盖空htm。这有意义吗？您正在使用.html（）覆盖内容。您不能使用
.append（）
，然后使用
.html（）
替换DIV的内容。添加break有一定意义，但追加空字符串变量没有意义。谢谢，我会编辑的accordingly@Pushkar：请参阅我更新的答案，该答案将帮助您了解两者之间的主要区别。
$('#testResult ').append(string1);
      $("#testResult").append("<br/><br/>");
      $("#testResult").append("<p>" + htm + "</p>");   
}