添加水平溢出：自动到宽度大于500px的所有图像

Question

使用jquery我试图将css overflow：auto添加到宽度超过500px的所有图像但是代码不能正常工作，任何人都知道问题出在哪里？我做错了什么？

    .bigimg{ overflow:auto; }

<img src="http://www.nasa.gov/sites/default/files/styles/image_card_4x3_ratio/public/thumbnails/image/frontier_macsj0717.jpg?itok=V4q9UgHD">
<img src="http://wowslider.com/sliders/demo-85/data1/images/southtyrol350698.jpg">

$(document).ready(function() {

  $('img').each(function() {
    var width = $(this).width();
    if (width > 400) {
      $(this).wrap("<div class='bigimg'></div>");
    }
  })

});

编辑：

我自己解决了这个问题： FIDDLE：https://jsfiddle.net/xtudgz4c/1/

网站脚本：

$(window).on("load resize",function(e){
  $("img").each(function() {
    if ($(this).width() > 500) {
      $(this).wrap("<div class='bigimg'></div>");
    }
  });
});

是否有任何jquery选择器可以自动选择大于* px的图像？

Answer 1

请检查以下更新的代码Fiddle

$(document).ready(function() {
$("img").each(function() {
    if($(this).width() > 500){
        $(this ).wrap( "<div class='bigimg'></div>" );
    }
    });
});