jquery - 能否使用Jquery自动查找并设置多种图片的宽高？

Question

我正在使用 Masonry 插件，为了使其能够正确处理图像，您需要在图像标签内设置宽度和高度。所有图像的高度都会有所不同，但宽度将设置为 200px。

Jquery有没有办法检测每个图像的高度并设置它的高度？这样我就不必设置每个图像的高度。

这有道理吗？

希望有人能帮忙!我是 Jquery 新手。

Answer 1

是的，你可以使用 jquery 自定义选择器，如下所示:

//Add custom selector that returns all objects taller than 200px
//See http://www.bennadel.com/blog/1457-How-To-Build-A-Custom-jQuery-Selector.htm
$.extend($.expr[':'], {
    over200pixels: function(a) {
        return $(a).height() > 200;
    }
});

//  Seclect all images taller than 200px
//  Set height to 200px using .css() method 
//  See http://api.jquery.com/css/ 
$('img:over200pixels').css("height","200px");

信用到期信用:jQuery Tips and Tricks

在线演示: http://jsfiddle.net/hvq5m/