1

我有一个评论列表，其中包含绝对定位的 div 中的内容。这是设计的一部分。它们位于一个设置为 display: none 的弹出框中，然后使用单击事件淡入。

我遇到的问题是我需要获取内部绝对内容的高度并将该高度设置为其父级，但似乎无法使其正常工作。每个项目都可以是任何长度，因为它们是评论。

我在这里做了一个小提琴来展示我有什么样的结构。http://jsfiddle.net/ZTDyA/

这是结构

<div class="hidden">
    <ul class="list">
        <li>
            <div class="inner">there is some content here</div>
            <div class="base">This is a div under the .inner div</div>
        </li>
        <li>
            <div class="inner">For the thing I have made this has to be positioned absolutely, but the content could be of any length so I need the parent to each of these inners to be set to the height of the inner div.</div>
            <div class="base">This is a div under the .inner div</div>
        </li>
    </ul>
</div>
4

2 回答 2

2

当然，你可以这样做：

$('.list li').each(function() {
    $(this).height( $('.inner', this).height() );
});

jsFiddle：http: //jsfiddle.net/ZTDyA/1/

我不明白为什么它是绝对定位的。如果有的话，您可能想要绝对定位 LI。也许如果您详细说明，我们可以提供更好的解决方案。像这样（通过 js）设置高度是不好的做法。

于 2013-02-22T13:32:56.580 回答
0

检查这个：

$('button').on('click', function() {    
var hei=  $('.inner').height();
$('.inner').closest('li').height(hei); 
});
于 2013-02-22T13:40:24.167 回答