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中触发此按钮上的点击事件。

我不确定如何使用jQuery实现此目的，以便在我的javascript代码中从父窗口获取此按钮。

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

$('#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()

从Iframe中存在的父项触发按钮单击

2 个答案: