从iframe元素访问jQuery数据

假设我在iframe中放置了同一个域的页面。 在iframe中，我将数据添加到元素中，如下所示：

HTML

脚本

 $('#data') .data('test1', 'this is test data 1') .data('test2', ['John', 'Smith']) .data('test3', { alert1: function() { $('#data').append('test3: successful
'); } }) 

现在，一旦这个页面在iframe中，我知道我可以按如下方式访问该元素：

 $('#frame').contents().find('#data'); 

但是当我尝试从该元素获取数据时，它总是未定义的。

 $('#frame').contents().find('#data').data('test1'); // shows up as undefined 

我知道jQuery在cache对象内部存储data() ，但我不知道如何从该文档外部访问它。 我设置了这个演示来显示我的问题。 单击“获取帧数据”按钮以查看结果。

我会很感激任何输入:)

Answer 1

您需要从该窗口的jQuery对象获取缓存元素，如下所示：

 var windowjQuery = $('#frame')[0].contentWindow.$; var f = $('#frame').contents().find('#data'); 

然后要获取数据，请使用$.data() ，如下所示：

 windowjQuery.data(f[0], 'test1') 

您可以在此处测试您的更新/工作演示 。

---

这真正访问的是：

 var key = f[0][frame.contentWindow.$.expando]; var dataItem = frame.contentWindow.$.cache[key]["dataKey"]; 

Answer 2

我从来没有尝试过这个，但我很确定你需要与iframe的$对象交谈而不是你的文档来访问该对象的内部数据存储。 不是100％肯定如何做到这一点 – 也许是这样的

 $('#frame').contents().jQuery.find("#data").data("test") 

（胡乱猜测）

可以肯定的是，iframe文档中的一个函数可以获取数据并将其返回给您。 但是，当然，这比直接取得它要优雅得多。