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

时间:2016-07-12 08:02:22

标签: javascript jquery html

我通过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 =&#34;内容&#34;进入div id="a2"

我怎样才能实现这个目标?

1 个答案:

答案 0 :(得分:0)

使用$.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>