javascript - 更改多个 iframe 中的文本框属性

Question

我正在处理的网页有 5 个 iframe，每个 iframe 显示另一个网页。有没有办法一次更改所有 iframe 中某些文本框的属性（例如显示和隐藏）？

像这样的东西：

$('iframe').contents().find('input[class=textboxclass]').show;

谢谢

Answer 1

iframe要在使用中访问文档.contentDocument.documentElement 并按类名使用input.className或仅.className作为选择器进行选择。

 $('iframe').each(function(){
    $(this.contentDocument.documentElement)
        .find('input.textboxclass')
        .show();
    });

注意：当然，这必须在所有 iframe 中的内容都已加载后完成。这就是为什么我猜Ashirvad 的答案使用的原因，setTimeout()尽管我必须补充说它并不总是可靠的。

Answer 2

setTimeOut(function(){   $('iframe').each(function(){
    $(this)
        .contents()
        .find('input[class=textboxclass]')
        .show();
});),3000);