得到一个div的HTML和它注入另一个DIV

Question

我这种格式有一个HTML结构两侧：

<div class="wrap"> 
    <div class="name"></div> 
    <div class="content"> 
     <div class="sub">123</div> 
    </div> 
</div> 

<div class="wrap"> 
    <div class="name"></div> 
    <div class="content"> 
     <div class="sub">abc</div> 
    </div> 
</div> 

<div class="wrap"> 
    <div class="name"></div> 
    <div class="content"> 
     <div class="sub">foo</div> 
    </div> 
</div> 

正如你可以在上面看到，我有3个相同div元素，每一个不同的.sub DIV 。 如何获取.sub div的HTML内容，并在文档准备就绪时使用jQuery将其放到.name div之下？

结果将是这样的：

<div class="wrap"> 
    <div class="name"></div> 
    <div class="sub">123</div> 
    <div class="content"> 
     <div class="sub">123</div> 
    </div> 
</div> 

<div class="wrap"> 
    <div class="name"></div> 
    <div class="sub">abc</div> 
    <div class="content"> 
     <div class="sub">abc</div> 
    </div> 
</div> 

<div class="wrap"> 
    <div class="name"></div> 
    <div class="sub">foo</div> 
    <div class="content"> 
     <div class="sub">foo</div> 
    </div> 
</div> 

Answer 1

试试这个：

$(".sub").each(function() { 
    $(this).clone().insertAfter($(this).parent().siblings(".name")); 
}); 

Example fiddle

Answer 2

试试这个：

$(.name).after(/*....*/)