2013-10-31 55 views
0

我想找出同一班级的哪个div是最高的(就当然的高度而言)。我期望通过.each()函数实现这个功能,以便我可以获得最高的索引,并稍后应用一些CSS(如更改背景颜色)。这是可能的还是有更好的方法?比较divs并得到最高的索引

+0

你有没有尝试什么吗?例如用'.height()'? – Ryan

+0

按降序排列,获得前1名??? –

+0

对不起,它没有很好地解释。是的,我尝试过身高()。我认为我真正的问题是div上的图像,看起来图像高度不能正确计数。 –

回答

0

你可以这样做:

http://jsfiddle.net/remus/8RekD/

$(document).ready(function() { 
    var tallest; 
    var max = 0; 
    $('div').each(function (index) { 
     if ($(this).height() > max) { 
      max = $(this).height(); 
      tallest = index; 
     } 
    }); 
    alert(tallest + " is the tallest at " + max + "px"); 
}); 
+0

感谢r3mus我试着解决它的工作。 [的jsfiddle](http://jsfiddle.net/mark_s/SvHgP/)。那么我使用':eq()'选择器来定位和应用css。 –

+0

好东西!很高兴它为你工作。 – brandonscript

0

像这样的东西应该工作:

var max = 0; 
var maxElement; 
$('.someclass').each(function(d) { 
    if (d.height() > max) { 
     max = d.height(); 
     maxElement = d; 
    } 
}); 
// then do something with maxElement