javascript - 如何将数据附加到不同的div

Question

我通过 ajax 请求获取数据，我想将该数据附加到两个不同的 div 中，这是我获取数据的方式

$.get("/ajax/graph?param="+item.datapoint[0]).done(function(result){  $("#graf").html(result); })

上面的代码让我得到数据作为响应，如下所示

<div class="media">
<p>example</p>
</div>

<div class="content">
<p>example 2</p>
</div>

现在我想将类媒体部分附加到 div id="a1" 的 div 中和 div class="content"到 div id="a2"

我怎样才能做到这一点？

Answer 1

使用$.parseHTML将结果字符串转换为一组 html 元素并将它们中的每一个附加到相应的 div。

var result= '<div class="media"><p>example</p></div><div class="content"><p>example 2</p></div>';
html = $.parseHTML(result);
$('#a1').append(html[0]);
$('#a2').append(html[1]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="a1"></div>
<div id="a2"></div>