获取子窗口的HTML内容

Question

我正在尝试获取子窗口的HTML内容，然后获取这些内容并将其附加到父窗口。它不工作!!!!它每次都会警告“未定义”。很烦人。我如何让它工作？

父窗口中的JavaScript：

function openW() {
  var url = this.href,
      childW =  window.open(url);

  // shows .html class of child window

  alert($(childW.document).find('.hidden').html());

}

$('.item').click(function(event) {
    event.preventDefault();
    openW();
});

然后在父窗口的HTML中，我有一个指向子窗口的链接和一个'item'类。

此外，即使在控制台日志中，如果我输入 childW ，也会显示“未定义”。我不知道发生了什么。

修改

基于有问题的副本，这是我尝试过的代码：

childW = window.open(url);
$(childW.document).ready(function () {
  alert($(childW.document).contents().find('.hidden').html());
});

不工作。