父母Div(s)第一个孩子与班级的最小身高

时间:2014-07-08 14:31:58

标签: jquery css

我有一个带基本标记的div: -

<div class="jp-container" style="height: 400px;">
<div class="jspContainer" style="height: 400px;">
<div class="class="jspPane">
  <div class="cfg-item"></div>
  <div class="cfg-item"></div>
  <div class="cfg-item"></div>
  <div class="cfg-item"></div>
</div>
</div>
</div>

进给的问题是,paren的高度固定为400px(或另一个任意数字)。所以我的问题是: -

如何确保父容器div的min-height被设置为第一个div,类为#34; cfg-item&#34;。想法是显示第一个Facebook Feed项目的完整输出,因此没有被截断。

我有类似的东西: -

<script>
jQuery(document).ready(function($) {
$('.jspContainer .cff-item').first(function(){
$('.jspContainer, .jp-container').css('min-height', $(this).outerHeight());
}); 
});
</script>

1 个答案:

答案 0 :(得分:0)

我可能不太了解你的问题,但如果你想选择第{div 1}类的第一个div,请尝试以下路径:

.cfg-item

所以你调用所有$(".jspPane").next(".cfg-item"); div的“容器”div并选择第一个。

希望它有所帮助,一旦我理解得更好或你解释得更好我试着给你一些更精确的东西。

<强> EDIT1:

更具体地说,你可以这样做:

.cfg-item

<强> EDIT2:

HTML:

$("div.jspPane").next("div.cfg-item");

jQuery的:

<div class="jp-container minHeight" style="height: 400px;">
<div class="jspContainer minHeight" style="height: 400px;">

我没有检查这个,我在工作,没有太多时间。我可以稍后再查看。

我希望它对你有所帮助,至少给了你一些想法。祝好运! ;)