用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，追加，html方法，但我不知道如何做到这一点

任何帮助都将被推荐

由于

Answer 1

一种解决方案是在你的ajax调用成功中使用jquery .after()：

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

请在此处查看示例：fiddle