Incremently追加从HTML源内容的JQuery上添加的div

Question

我有一个例子DOM因此下面这里可以添加新的子元素：

<div id='blog'> 
    <div class='item-1'>html content with <b>tags</b> and more..</div> 
    <div class='another-item'>more html content with <b>tags</b> and more..</div> 
    <div class='item-1'>you <div id='stuff'>get the idea</div></div> 
</div> 

<div id='blog_article_container></div> 

我会需要分离和追加这些孩子的div来新添加divs。我需要上面看起来像这样：

<div id='blog_article_container> 
     <div id='content_container' class='article_brick'><div class='item-1'>html content with <b>tags</b> and more..</div></div> 
     <div id='content_container' class='article_brick'><div class='another-item'>more html content with <b>tags</b> and more..</div></div> 
     <div id='content-container' class='article_brick'><div class='item-1'>you <div id='stuff'>get the idea</div></div> 

任何帮助将非常感谢哦＃1的领主！

Answer 1

每次取内div，它移动到容器中，然后wrap它：

$('#blog > div').each(function() { 
    $(this).appendTo('#blog_article_container') 
     .wrap("<div id='content_container'class='article_brick'>"); 
});​ 

见http://jsfiddle.net/alnitak/78BAx/

NB：你真的不应该用于包装的div使用相同的id。