jquery - 如何为每个容器 div 中的每组子 div 设置高度？答案

【问题标题】：jquery - How do i set the heights for each set of child divs within each container div?jquery - 如何为每个容器 div 中的每组子 div 设置高度？
【发布时间】：2013-01-23 00:55:56
【问题描述】：

我有许多容器（class="sidebox"），每个容器都有不同数量的内容。

在某些情况下，我希望每个子 div 的高度都为父 div 的 100%，有时要添加垂直分隔符样式。

为此，我将 cfull 类添加到子 div 并将 vcon 添加到具有“sidebox”类的容器中。

然后调用一个jquery函数：

var y = $('.cfull').parent('div.vcon').height();
    $(".cfull").height(y) ;

当只有一个实例并将其子 div 高度设置为侧边框的高度时，这是完美的。

如果我在 html 中添加第二个 sidebox vcon 并为其其中一个子 div 提供附加内容。第二个sidebox子div从sidebox的第一个实例获取高度设置

如何设置class="sidebox vcon" 容器 div 中每组子 div 的高度？

我希望这是有道理的。

到目前为止，这是我的工作示例，您会看到第二个边箱子项具有来自第一个边箱的 style="height:#px"

http://bit.ly/jqueryheightissue

【问题讨论】：

标签： jquery css class height parent-child

【解决方案1】：

您需要遍历所有具有.cfull 类的元素。实例：http://jsfiddle.net/QpEgX/5/

$('.cfull').each(function() {
    var y = $(this).parent('div.vcon').height();
    $(this).height(y) ;
});

【讨论】：

虽然我看到 @Richard 首先得到了一个正确答案，但我不知道为什么我因为一个效果很好的答案而被否决。
也许是因为已经有相同的解决方案 :) 如果是关于积分，我会给你投票。什么是对的就是对的，我不在乎它是一样的:)
可能是因为编辑。也许您之前提交的解决方案有误？
也许无法帮助您。我不喜欢投反对票，人们应该对他们更加小心
... 回过头来，我意识到我是那个投反对票的人。不好意思，朋友。我记得早期版本不正确。让我看看现在是否可以纠正这个问题。

【解决方案2】：

var height = 0;
$('.cfull').each(function () {
  height = $(this).parent('div.vcon').height();
  $(this).height(height);
});

【讨论】：

【解决方案3】：

您所做的称为隐式迭代。当你这样做时：

$('.cfull').height(y);

...您正在做的是将所有.cfull 元素设置为只有一个高度值（y 的当前值）。

您想显式地遍历每个元素，可能使用.each()。

$('.cfull').each(function () {

    var self = $(this),
        container = self.parent('div.vcon');

    self.height(container.height());

});

但是，您应该能够使用纯 CSS 来完成您想要实现的目标。你试过做这样的事情吗？

.cfull {
    height : 100%;
}

【讨论】：

非常感谢，一切都很好