jQuery - 页面上最宽的项目

Question

如何使用 jQuery 找到网页上最宽的项目(在 css 中设置的宽度或作为属性)？

Answer 1

速度不会很快，但应该可以达到目的

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();
  }
});

我还建议您限制所经过的节点类型(即使用 div 而不是 *)