在iframe中更改输入的占位符

Question

使用Tumult Hype，我构建了一个日期范围选择器，我目前正在为其添加功能......但是，Hype喜欢将它的HTML片段添加到iFrame中。

我无法定位iframe中的输入字段，因此我可以使用当前年份填充它。我也无法在Hype中为iframe提供ID。

输入路径如下：

#startyear > div > #start-year-text > iframe > html > body > input#start-year-placeholder

显然，使用jQuery，这不起作用：

$("#start-year-placeholder").attr("placeholder","1973");

这两个都没有：

$("#startyear > div > #start-year-text > iframe > html > body > input#start-year-placeholder").attr("placeholder","1973");

在下面链接的网页中，您会看到第一个日期范围选择器。我试图动态设置第一年输入的占位符文本属性。现在它是硬编码的。

您可以在此处查看完整的HTML： http://aceroinc.ca/question/footer.html

Answer 1

你可以这样定位：

$('iframe').contents().find('input#start-year-placeholder')

注意：这适用于您的网页，但一般情况下，如果您要添加更多iframe，则可能需要调整iframe选择器。此外，这仅适用，因为iframe与父页面是同一个域。