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

我有以下HTML：

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

但是，这最终会导致以下结果：

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

文件中的内容

我如何得到这个结果

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

来自文件的内容

使用after（content）函数

使用该函数。

任何仍在寻找解决方案的人，我建议使用而不是

.load（）

来加载AJAX内容。然后使用函数指定前面的元素

下面是一个例子：

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

---

我有一个有趣但很难理解的方法，就是使用.load函数。因此，代码：

$('#div_after').remove();
$('#mydiv').after($('<div>').load('/path/to/content.html #div_after', {
    data: data, //variables to send. Useless in your case
}, function () {
    $(this).children().unwrap();}
));

从逻辑上讲，它将展开到我们的noname div中，并在加载html后将其“重命名”为我们的#div_。如果您希望只使用noname div，那么也不需要使用它

干杯

另外，我在一个项目中花了一段时间才把所有这些东西结合起来：）我希望它会有用

$('#div_after').remove();
$('#mydiv').after($('<div>').load('/path/to/content.html #div_after', {
    data: data, //variables to send. Useless in your case
}, function () {
    $(this).children().unwrap();}
));

$(this).children().unwrap();