从iframe元素访问jQuery数据

同一域 我把它放进了一个iframe。在iframe中,我向元素添加了数据,如下所示:

HTML格式

<div id="data"></div>

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

现在,一旦这个页面进入iframe,我知道我可以按如下方式访问元素:

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

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

我知道jQuery商店 data() 在内部 cache 对象,但我不知道如何从该文档外部访问它。我建立了 this demo

如有任何意见,我将不胜感激:)