jQuery - ページの最も広いアイテム

Question

jQueryを使用してWebページ上で最も幅広いアイテム（CSSまたは属性として設定された幅）を見つける方法はありますか？

Answer 1

は文句を言わない高速であるが、このバージョンはわずかに速い（間違いなくそうclienatない）かもしれない

これはトリックを行う必要があり

var widest = null; 
$("*").each(function() { 
    if (widest == null) 
    widest = $(this); 
    else 
    if ($(this).width() > widest.width()) 
    widest = $(this); 
}); 

トリックを行う必要があります。

var widest = null; 
// remember the width of the "widest" element - probably faster than calling .width() 
var widestWidth = 0; 
$("*").each(function() { 
    if (widest == null) 
    { 
    widest = $(this); 
    widestWidth = $(this).width(); 
    } 
    else 
    if ($(this).width() > widestWidth) { 
    widest = $(this); 
    widestWidth = $(this).width(); 
    } 
}); 

Iをまた、通過するノードのタイプを制限することをお勧めします（つまり、*の代わりにdivを使用してください）

Answer 2

Gお返事はNiko！

これは、表示されるページ上の要素のみを表示するように少し構築されています。表示される要素が大きくなることがあります。

var widest = null; 

$("*").each(function() { 
    if (widest === null && $(this).is(':visible')) { 
     widest = $(this); 
    } else if ($(this).is(':visible') && $(this).width() > widest.width()) { 
     widest = $(this); 
    } 
});