在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()function指定前面的元素.

这是一个例子:

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

Answer 2

使用after函数.