jQuery将内容从一个div复制到另一个div

处理我的portfoilio脚本我现在处于想要将不可见<p> -content从一个div复制到另一个div的地步，但它不起作用 - 任何想法如何解决这个问题？试了jQuery将内容从一个div复制到另一个div

.clone()

的行动，但它没有工作，直到现在。

看一看AT MY FIDDLE

我想触发.projecttile DIV中复制到#moreinfo格。

来源

2014-03-19 MarcL

我想你想你的#moreinfo块中一个单独的股利，或以其他方式复制时隐藏的细节，你会消除你的[X]关闭按钮。我不确定你是在尝试保留原始的虚拟图像还是用点击的图像进行复制，但是你可以用这样的东西来复制隐藏的文本（我使用的是html而不是text，以防你有标记那里）。

$('#details').html($(this).parent().find('p').html());

我也可能添加一个类隐藏<p>值和引用它，如果你在那里想不止一个<p>标签。

的jsfiddle：http://jsfiddle.net/dshell/8FYrs/

来源

2014-03-19 14:11:01 Danny

感谢您的回答，我发现这样一个解决方案： $（本）.nextAll（）片（0,2）.appendTo（ “#moreinfo”）; 现在我遇到的问题是：当我关闭.moreinfo div时，附加的内容会保留在那里 - 我需要添加到我的关闭操作中才能删除内容？ //更新了我的jsfiddle – MarcL

好吧，这就是为什么我建议添加一个新的元素来明确地保存你的内容。用我的小提琴你可以做'$（'＃details'）。empty（）'，它会被删除。你可以用你的$（this）.nextAll（）。slice（0,2）.addClass（“append”）。appendTo（“＃moreinfo”）;'和然后执行'$（“。append”）。remove（）;' – Danny

是的，太好了！你告诉我什么，它的效果很好 - 谢谢！我可以问两个问题：1）为什么我无法找到h1和p元素？和2）有没有办法让他们被称为h1和p时，移动到细节div？ – MarcL

您可以使用html（）方法来复制HTML元素&中的内容。

例如

var data = $('source_div').html(); 
$('target_div').html(data);

来源

2014-03-19 14:05:24 demonofthemist

jQuery将内容从一个div复制到另一个div

回答

相关问题