jquery - 在添加的 div 上增量附加来自 JQuery 中的 html 源的内容

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 分离并附加到新添加的 div 中。我需要上面看起来像这样：

 <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>

任何帮助将不胜感激哦 Stackoverflow 之王！

Answer 1

取每个 inner div，将其移动到容器中，然后wrap：

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

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

注意：你真的不应该id对包装 div 使用相同的。