我可以使用Jquery自动查找和设置各种图像的宽度和高度吗?

时间:2011-03-08 23:42:36

标签: jquery height width

我正在使用Masonry Plugin并且为了正确处理图像,您需要在图像标记内设置宽度和高度。所有图像的高度都会有所不同,但宽度将设置为200px。

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

这有意义吗?

希望有人可以帮忙!我是Jquery的新手。

1 个答案:

答案 0 :(得分:2)

是的,你可以使用像这样的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/