jquery将绝对子级的高度设置为父级

Question

我在相对定位的父级中绝对定位了 div。我想检查一个绝对定位的孩子的外部高度，并使用 jquery 将其作为最小高度应用于父级。 Div 在一个站点上重复多次，这是我的主要问题。到目前为止，我有：

**jsfiddle

HTML

<article class="post">
    <div class="entry-main">
        <div class="entry-meta">
            Lorem<br />
            Ipsum
        </div>
        <div class="entry-content">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit
        </div>
    </div>
</article>

<article class="post">
        <div class="entry-main">
            <div class="entry-meta">
                Lorem<br />
                Ipsum<br />
                Dolor<br />
                Sit <br />
                Amet
            </div>
            <div class="entry-content">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit
            </div>
        </div>
    </article>

jQuery

$('.post').css('min-height', $('.entry-meta').outerHeight());

CSS

.post {
    border: 1px solid red;
    }
.entry-main {
    position: relative;
}
.entry-content {
    margin-left: 220px;
}
.entry-meta {
    position: absolute;
    width: 170px;
    text-align: right;
}

问题是我的新手 jquery 代码首先检查 .entry-meta 的高度，然后将相同的高度应用于所有 .post 文章。我希望在每个 .post 文章中检查每个 .entry-meta div 高度并相应地应用：

1. 第一个 .entry-meta 的外部高度 = 第一个 .post 的最小高度
2. 第二个 .entry-meta 的外部高度 = 第二个 .post 的最小高度
3. 第三个 .entry-meta 的外部高度 = 第三个 .post 的最小高度
4. ...

Answer 1

您必须遍历 .post 元素并适当设置它们的最小高度

$('.post').each(function(){
   $(this).css('min-height', $('.entry-meta', this).outerHeight());
});

http://jsfiddle.net/4F7c9/2/