jquery - 添加水平溢出:auto to all images which are wider than 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>" );
    }
    });
});