如何将div的内容克隆到另一个div

时间:2010-10-23 05:39:01

标签: jquery dynamic html copy clone

我想用jquery clone将选定div的内容复制到另一个div。 但我不想把它附加到任何地方

我的意思是当我们使用jquery克隆div时(如果我错了,请纠正我)我们必须设置它的位置,它将动态创建一个显示的新分区。

但我想获取所选div的内容并将其复制到另一个预设div

4 个答案:

答案 0 :(得分:53)

var a = $('#selector').html();
var b = $('#selector').html(a);

不确定我是否理解你,但我认为这就是你的意思:)。

答案 1 :(得分:9)

我不同意。克隆可以在不应用内容的情况下保存数据。

看这里:

http://www.jsfiddle.net/dactivo/FqffM/

var mylayer=$('.hello').clone();

在这里,您可以根据需要管理变量“mylayer”,而不是在DOM中。

答案 2 :(得分:6)

$("#from").clone().appendTo($("#to"));

但它不会删除/隐藏主DIV。要隐藏主div,请执行以下操作:

$("#from").clone().appendTo($("#to"));
$("#from").remove();

答案 3 :(得分:4)

$(".from").click(function () {
     $(".from").removeClass("CloneMe");
     $("#to").html('');
     $(this).addClass("CloneMe");
     $(".CloneMe").clone().appendTo("#to");

});

您可以在硬编码克隆的点击(或其他事件)上添加一个类。在此示例中,有一个包含样式内容(div等)的相同类名列表 - 添加.CloneMe类,但在用户选择其他项时,首先删除该类以清空div。 )安全删除任何HTML也是如此。然后使用(this)应用该类以避免使用该类名抓取所有项并最终附加到div。结果是用户可以选择具有该类名的任何项并将其填充到容器中。 - 我想使用容器的类可以让你在不止一个地方填充它。