jquery - jQuery。如何获得每个兄弟姐妹的身高？

Question

我认为对于在 Jquery 方面更有经验的人来说，这是一个非常简单的问题。

例如，我们有一个带有几个 div 的简单 html 页面，其中 3 个具有相同的 css 类“侧边栏”

每个“侧边栏” div 都有不同的内容和不同的高度。

我需要比较这个 div 的高度并找到最长的。

我知道如何实现比较，但我不知道如何在 Jquery 中获取每个 div

将它们的值存储在变量或数组中。

Answer 1

我不确定为什么到目前为止发布的两个答案是使用jQuery.each()而不是直接调用each()，所以这是我的建议：

$('#elementID').siblings().each(function ()
{
    var height = $(this).height();
});

要将每个高度放入一个数组中：

var heights = [];
$('#elementID').siblings().each(function ()
{
   heights.push($(this).height());
});

或者，只需使用map()：

var heights = $('#elementID').siblings().map(function ()
{
   return $(this).height();
}).get();

Answer 2

$.each($('.sidebar'), function() {
    var height = $(this).height();
});

Answer 3

当我不得不做同样的事情时，这是我使用的代码：

    var tabPanels = $("...");
    var maxHeight = 0;

    $.each(tabPanels, function() {
        var height = $(this).height();
        maxHeight = (height > maxHeight) ? height: maxHeight;
    });

    $.each(tabPanels, function() {
        $(this).css("height", maxHeight + "px");
    });