javascript - 如何自动设置DIV元素的高度

我在放置多个div元素时遇到问题。我有连续三个具有不同高度的div元素。但是在“ div 1”中是下拉菜单，因此“ div 1”的高度会发生变化。我想知道，如何自动将所有三个div元素的高度设置为相同。

最佳答案

这个jQuery插件会将每个元素的高度设置为最高元素的高度：

// Sets the height of a set to the height of the tallest member.
$.fn.sizeToTallest = function () {
    var tallest = 0;
    this.each(function () {
        var h = $(this).height();
        if (h > tallest) tallest = h;
    });
    this.height(tallest);
    return this;
};

像这样使用它：

$("myDivs").sizeToTallest();