javascript - 查找 HTML 页面中的所有 iFrame 并替换它们

Question

我想使用 jQuery 查找页面中的所有 iFrame，然后替换它的源。

我是从 chrome 扩展中执行此操作的，因此任何替换它的方法，然后加载 iframe（以便 iframe 在页面视图中处于活动状态），都是我正在寻找的。

任何帮助表示赞赏。

Answer 1

您可以通过在元素名称上调用 jquery 选择器来创建元素的所有实例：

$('iframe')

您可以使用 jquery attr() 方法设置任何元素的属性。要将页面上的所有 iframe 替换为 google.com，您可以执行以下操作：

$('iframe').attr('src','http://google.com');

--免责声明：以下代码是评论中引用的示例，不是原始问题的答案：

这是您将如何迭代每个 iframe 并检查它的宽度：

$('iframe').each(function(){
    var currentIframeWidth = $(this).width();
    //do something with width here
});