【问题标题】:Clone Div into another DIV将 Div 克隆到另一个 DIV
【发布时间】:2014-04-29 21:18:37
【问题描述】:

我正在尝试克隆 DIV 以防止数据信誉;这是我想在各个页面上经常做的事情,所以我不想进行错误结构更改。

我想用 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>

【问题讨论】:

  • 没有问题,在这里工作:jsfiddle.net/nLybj/1
  • 您是否在页面中包含了 jQuery 库文件?您的浏览器控制台是否有任何错误
  • 数据信誉是什么意思..?
  • 您的代码正在运行,
  • 如果您在查看页面后使用标准浏览器右键单击并单击检查元素以查看(希望是 Chrome 或 Firefox)调试窗口,请单击控制台并检查是否出现任何错误,这可能是因为您的 jquery 未加载或太旧。

标签: javascript jquery html clone


【解决方案1】:

当我在 fiddle 上测试时,您的代码运行良好。即使在那之后,如果你想尝试其他东西,你可以尝试append()而不是html()函数。通常当你克隆时,你想附加克隆的对象,你不想把它作为内部HTML。不过,这也行得通。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-04-29
    • 2011-12-23
    • 1970-01-01
    • 2014-05-22
    • 1970-01-01
    • 2015-06-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多