触发iframe中存在的父级的按钮点击

Question

我在iframe中具有以下按钮的路径，即：

div.iframe-container > iframe#builder-frame > html > body > div#header > ul.header-toolbar.hide > li > span.deploy-button-group.button-group > a#btn-deploy.deploy-button

使用上述路径，我尝试使用jQuery转到a#btn-deploy.deploy-button ，以便在iframe中触发对此按钮的click事件。

我不确定如何使用jQuery实现此功能，以便在我的JavaScript代码中从父窗口转到此按钮。

我尝试了以下方法，但无济于事：

$('#builder-frame').contents().find('#btn-deploy').trigger("click");

我知道这可能是重复的，但实际上这是我需要协助的进入iframe按钮的路径。

Answer 1

为确保iframe已加载，您应该使用on load事件。

然后，不必选择按钮，您不必编写整个路径。 特别是当它具有唯一的id时。

您的代码应类似于：

 $("#builder-frame").on("load", function(){ $(this).contents().find('#btn-deploy').trigger("click"); }); 

Answer 2

我建议使用纯JavaScript。

如果您iframe的ID是＃builder-frame，则可以使用：

document.querySelector('#builder-frame').contentWindow.document.querySelector('#btn-deploy').click()