更改 iframe 中输入的占位符

Question

使用 Tumult Hype，我构建了一个日期范围选择器，我目前正在向它添加功能......但是，Hype 喜欢将它的 HTML sn-ps 放入 iFrames。

我在定位 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 与父页面的域相同。