javascript - 使用 jQuery 在父子 iFrame 窗口之间进行通信

Question

我有一个包含 iFrame 的页面，并且 iFrame 中有一个表格，我想将点击事件附加到其行。

通常这很容易，但我需要从父窗口中检索 iFrame 中选定的表格行，这让我陷入了循环。

基本思想是，当用户单击表格行时，使用类似这样的方式将类添加到行中（伪代码，有删除该类的任何现有实例的功能，因此它是唯一的）：

$('#table tr').on('click', function() {
   .addClass('.selectedRow');
});

然后在父窗口中我想我可以做这样的事情：

$('#desktopIframe').contents().find('.selectedRow');

但我不确定要附加什么，以便一旦有一个带有“selectedRow”类的表格行，我就可以识别它并用它做一些其他的事情。通常我会使用 .on('click') 但我要把它附加到什么上？

score 0 · Accepted Answer

你会想要这样的东西

$('#desktopIframe').contents().find('#table tr').on("click", function() {
   $(this).addClass(".selectedRow");
});

（请注意，这是未经测试的）

score 0 · Accepted Answer

我找到了一个解决我的问题的方法，它实际上涉及扭转我想要的逻辑。我没有让父窗口读取子窗口，而是让子窗口将数据传递给父窗口。

因此，在 iFrame 中，我使用了一个常规的 .on('click') 事件，然后使用此代码将所选行中的一些数据传递到父窗口中的一个字段，然后我可以对其进行操作：

parent.document.getElementById('hiddenField').value = $(this).blah();

2 回答 2