Question

iam使用firefox 51.01和chrome 56.0.2924.87（Windows 10上的最新版本），当我尝试使用.append和jquery 2.2.3时，var数据中的html标签将被删除，在另一个网站上使用jquery 1.9.1它会工作，这是我的代码

<div id="results"></div>

<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
<script>
$(document).ready(function(){
data = "<tr><td>333</td><td>John</td><td>11-7-2014</td></tr>";
$("#results").append(data);
})
</script>

有人有想法吗？我也试过.html，但是同样的

Answer 1

您必须将JavaScript放在ObjectMapper标记内，或从外部.js文件加载。

<script>

此外，如果要向其中添加表格行，则<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id="results"></table> <script>data = "<tr><td>333</td><td>John</td><td>11-7-2014</td></tr>"; $("#results").append(data);</script>应该是表格，而不是div。

Answer 2

我正在发布一个完整的运行示例来帮助您。

我使用的是与你相同版本的jQuery（v 2.2.3）。也是相同的Chrome和OS版本（Windows 10）。

$( document ).ready(function() {
    var data = "<tr><td>333</td><td>John</td><td>11-7-2014</td></tr>";
    $("#results").append(data);
});

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<div id="results"></div>

jquery .append与html标签失败

2 个答案: