jquery - 用 Jquery 包装 HTML 元素

Question

我有以下 HTML 代码

<div class="newloop_11"></div>
<div class="newloop_12"></div>
<div class="newloop_13"></div>
<div class="newloop_14"></div>
<div class="newloop_15"></div>
<div class="newloop_16"></div>

And When i call a ajax request on any event 

i got following HTML 

<div class="replacewith_11 textme loop" id="test_1">
//lotsof content

</div>
<div class="replacewith_12 textme loop" id="test_2">
//lotsof content

</div>
<div class="replacewith_13 textme loop" id="test_3">
//lotsof content

</div>

现在我想用以前的 HTML 包装 ajax html

如果它们的值匹配

期望是这样的

<div class="replacewith_11 textme loop" id="test_1">
//lotsof content

</div>
<div class="replacewith_12 textme loop" id="test_2">
//lotsof content

</div>
<div class="replacewith_13 textme loop" id="test_3">
//lotsof content

</div>
<div class="newloop_14"></div>
<div class="newloop_15"></div>
<div class="newloop_16"></div>

如何在 Jquery 中执行此操作。

我尝试了 InnerHTML、append、html 方法，但我不知道该怎么做

我们将不胜感激

谢谢

Answer 1

一种解决方案是使用 jquery .after() ajax 调用的内部成功:

$(".newloop_13").after("<div>your ajax result</div>");

请在此处查看示例:fiddle