1
<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');

そのようなシナトスはありますか?ありがとう

4

2 に答える 2

2

そのような構文はありません。幅に従って要素をソートし、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);
于 2013-02-23T03:27:43.137 に答える
2
var minwidth = undefined;
$('.draggable').each(function () {
    width = parseInt($(this).css('width'));
    if (minwidth === undefined || width < minwidth) {
        minwidth = width;
    }
});
于 2013-02-23T03:28:23.200 に答える