jQuery-设置iframe宽度不起作用

Question

我知道，这个问题被问了2万亿次，但我还是做不完。 iframe是在我从外部Feed获取的源内部动态生成的。

我的jQuery是：

$(function(){
   $('iframe').each(
      function(index, elem) {
         elem.setAttribute("width","250");
      }
   );
});

此代码无法设置iframe的宽度。

还有一件事情：我检查了iframe属性，并且在浏览器中无法像其他CSS样式一样进行编辑- 这意味着，在DOM准备就绪后，我的jquery也无法对其进行设置

有没有搞错？ 有什么解决方法吗？

Answer 1

$('iframe').each(function(){
    $(this).width(250);
});

文件： http : //api.jquery.com/each/和http://api.jquery.com/width/#width-value

Answer 2

使用.attr而不是.setAttribute 。

Answer 3

为我工作

    $('iframe').each(function(){
        $(this).width( w );
    });

http://jsfiddle.net/8e1gz475/

Answer 4

在运行时，有一种非常简单的方法将“ width或height ”分配给任何元素，并且使用jQuery的“ .width()和.height() ”方法。

参考：

http://api.jquery.com/width/

http://api.jquery.com/height/

这是一个例子：

<script type="text/javascript">
    $(document).ready(function () {
        $("iframe").width(500);
        $("iframe").height(500);
    });
</script>

示例 ：常规iframe，但在运行时不更新高度和宽度。

示例 ：在运行时更新高度和宽度时。

这是iframe宽度的另一个stackoverflow问题，如果您使用多个iframe，则可以在答案中找到很好的解释： 使用jQuery更改iframe宽度和高度？

Answer 5

尝试：

$(function(){
   $('iframe').each(
      function(index, elem) {
         elem.css({ "width":"250px !important" });
      }
   );
});