克隆Div到另一个DIV

时间:2014-03-22 11:14:34

标签: javascript jquery html clone

我正在尝试克隆DIV以防止数据声誉;这是我想在各种页面上做的常见事情,因此我不想进行bug结构更改。

我想用类maContent克隆mApageLeft,并将其所有内部div和内容放入另一个名为cloneContent的div中。

我已经看过克隆的其他例子,我的尝试没有显示任何内容。在此先感谢您的帮助。

<div>
  <div>
    <div>
           <div id="mApageLeft" name="mApageLeft" class="maContent">
                  <div> header and some text here
                  </div>
                  <div>  text and image here
                  </div>
                  <div>  text and another image here
                  </div>
           </div>
     </div>
   </div>
</div>

<div id="mobileArea">
<div id="mobileMainArea">
    headers, links and sme text
            <div name="cloneContent" id="cloneContent" class="maContent"></div>
            <script>
            $(function(){
                var $mainAreaClone = $('#mApageLeft').clone();
                $('#cloneContent').html($mainAreaClone);
            });
            </script>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

当我在小提琴上测试时,你的代码工作正常。即使在此之后,如果您想尝试其他内容,也可以尝试append()而不是html()功能。通常在克隆时,您想要附加克隆对象,您不希望将其作为内部HTML。但是,这也会奏效。