javascript - jQuery中，如何在指定元素后加载ajax内容

Question

我有以下 HTML:

<div id="mydiv">
</div>

我想使用 jQuery 加载内容，使其显示在我的 DIV 之后。

我已经试过了:

$("#mydiv").load("/path/to/content.html");

然而，这最终会得到这样的结果:

<div id="mydiv">
<p>content from file</p>
</div>

我如何得到这个结果？

<div id="mydiv">
</div>
<p>content from file<p>

Answer 1

任何仍在寻找解决方案的人，我建议使用 jQuery.get()而不是 .load() 来加载 AJAX 内容。然后使用 .after()函数来指定前面的元素。

这是一个例子:

$.get('url.html', function(data){ // Loads content into the 'data' variable.
    $('#mydiv').after(data); // Injects 'data' after the #mydiv element.
  });