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

【问题标题】：jQuery copy content from one div into anotherjQuery 将内容从一个 div 复制到另一个
【发布时间】：2014-04-25 19:55:08
【问题描述】：

处理我的投资组合脚本我现在想要将不可见的<p>-content 从一个 div 复制到另一个 div，但它不起作用 - 任何想法如何解决这个问题？试过了

.clone()

动作，但直到现在才起作用。

我想在触发的 .projecttile div 中复制到 #moreinfo div。

【问题讨论】：

【解决方案1】：

您可以使用 html() 方法复制 html 元素内的内容并设置它。

例如

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

【讨论】：

【解决方案2】：

我认为您希望在#moreinfo 块中使用单独的 div，否则当您复制隐藏的详细信息时，您将删除 [X] 关闭按钮。我不确定您是要保留原始虚拟图像还是使用单击的图像将其复制，但是您可以使用类似这样的内容复制隐藏的文本（我使用html而不是text以防万一你在那里有标记）。

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

我也可能会向隐藏的 <p> 值添加一个类并通过它引用它，以防你想要多个 <p> 标记。

【讨论】：

感谢您的回答，我找到了这样的解决方案： $(this).nextAll().slice(0, 2).appendTo( "#moreinfo" );现在我遇到的问题是：当我关闭 .moreinfo div 时，附加的内容仍然存在 - 我需要在关闭操作中添加什么来删除内容？ // 更新了我的 jsfiddle
嗯，这就是为什么我建议添加一个新元素来明确保存您的内容。用我的小提琴你可以做$('#details').empty()，它会被删除。使用你的，你可以为你附加的对象添加一个类$(this).nextAll().slice(0,2).addClass("appended").appendTo("#moreinfo");，然后做类似$(".appended").remove();
是的，太好了！照你说的做了，效果很好——谢谢！我可以问两个问题：1）为什么我无法同时找到 h1 和 p 元素？ 2）有没有办法让它们在移入细节 div 时保持为 h1 和 p 的样式？
如果您想移动img 标签，那么您可以使用html(...) 调用复制整个div.portfoliotile - 这将保留h1 和p 标签，其中@ 987654335@ 不会。如果您不想复制图像，那么我会将p 和h1 标签组合在一个新的div 下并复制它。
轰隆隆！我们走了-谢谢伙计！现在我需要做的就是让它变得平滑，让它淡入淡出。我刚刚注意到：当另一个 .projecttile 处于活动状态时，是否有一种聪明的方法可以从 .projecttile 中删除 .darken 类？