获取jquery/css/javascript中相同类元素的最小宽度

Get the min width of the same class elements in jquery /css / javascript

本文关键字：同类 元素 最小宽度 jquery css javascript 获取      更新时间：2023-09-26
<img class = "draggable moveable" id = "1" style="width:20px;" >...</img>
<img class = "draggable printable" id = "2" style="width:50px;" >...</img>
<img class = "draggable moveable" id = "3" style="width:10px;" >...</img>

对于上面的例子，如何实现jquery/css选择器来获得同一类的最小宽度？(在这种情况下是10px(

$('.draggable').('min:width');

有这样的犹太教堂吗？感谢

没有这样的语法，您可以根据元素的宽度对其进行排序，并使用first方法：

$('.draggable').sort(function(a, b){
   return $(a).width() > $(b).width(); 
}).first();

http://jsbin.com/igovaw/1/edit

请注意，img元素没有结束标记。

如果你想得到最小宽度而不是元素，你可以使用map方法：

var w = $('.draggable').map(function(){
   return $(this).width(); 
}).get();
var min = Math.min.apply(null, w);

var minwidth = undefined;
$('.draggable').each(function () {
    width = parseInt($(this).css('width'));
    if (minwidth === undefined || width < minwidth) {
        minwidth = width;
    }
});
相关文章：