将Div克隆到另一个Div

Clone Div into another DIV

本文关键字：Div 另一个      更新时间：2023-09-26

我正在尝试克隆div以防止数据声誉;这是我想在不同的页面上经常做的事情，所以我不想做错误的结构改变。

我想克隆mapagelleft与类maconent，并将其所有的内部div和内容到另一个名为cloneContent的div。

我已经查看了Clone的其他示例，并且我的尝试没有显示任何内容。提前感谢任何帮助。

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

当我在小提琴上测试时，你的代码工作得很好。即使在那之后，如果你想尝试其他的，你可以尝试append()而不是html()函数。通常当你克隆的时候，你想要附加被克隆的对象，你不想把它作为内部的HTML。但是，这也可以。

相关文章：