javascript - jQuery - 一旦我将其放入另一个页面,对象就会消失

标签 javascript jquery html web

找不到这个问题,我想这不是真正的问题,只是我不知道如何解决。 单击某个 div 时,我想打开一个新选项卡。我设法在下面的代码中做到了这一点,但发生的情况是原始 div 从原始页面消失并仅显示在新选项卡中,我不太确定为什么会发生这种情况,但我想克隆该对象 -但没有成功。

这是相关代码: 单击打开新选项卡:

$(document).on("click", ".button", function(){
    window.toSend = $(this);   
    window.newTab = window.open("test.html", "_blank");  

将对象添加到新选项卡:

var data = parent.window.opener.toSend;
    $(".clickedButton").html(data);

有什么解决办法吗?或者首先,为什么会发生这种情况?谢谢!

最佳答案

您只需要clone div:

window.toSend = $(this).clone();

clone 创建匹配元素集的深拷贝。

使用 $(this) 您选择了该元素,因此当您将其放置在其他位置时,它会从此处移动。这就像在 DOM 中选取并移动元素。

clone则创建元素的副本,因此原始元素不受影响。这就像创建一个副本并将该副本放置在 DOM 中的其他位置

关于javascript - jQuery - 一旦我将其放入另一个页面,对象就会消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31091662/

相关文章:

html - 使用 rvest 跟随 "next"与相对路径的链接

javascript - 如何在 wordpress 中将 super 鱼菜单居中(在 IE7 中)

javascript - 带类固醇 js 的电话 JS

javascript - 自动提交下拉值到数据库中

javascript - 根据选定的 <select> 值添加所需的属性

javascript - js 文件连接到我的 html 时出现问题

jquery删除记录

html - CSS 定位未按预期工作

javascript - 滚动触发太多次导致 chrome 和 opera 崩溃

javascript - JQuery调用PHP函数问题