jquery - Parent Div(s) 同类第一个 child 的最小高度

Question

我有一个带有基本标记的 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>

Feed 的问题在于 paren(s) 的高度固定为 400px(或其他任意数字)。所以我的问题是:-

如何确保将父容器 div 的最小高度设置为类为“cfg-item”的第一个 div。想法是显示第一个 Facebook 提要项的完整输出，因此不会被截断。

我有这样的东西:-

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

Answer 1

我可能不太理解你的问题，但如果你想选择类为 .cfg-item 的第一个 div试试这条路:

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

因此，您将所有 .cfg-item 的“容器”div 称为div，然后选择第一个。

希望对您有所帮助，一旦我理解得更好或者您解释得更好一点，我就会尝试给您一些更准确的信息。

编辑 1:

更具体地说，您可以这样做:

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

编辑 2:

HTML:

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

jQuery:

// We declare variables
var containers = $(".minHeight");   //We put both containers in same variable with same class
var firstChild = $(".jspPane").next(".cfg-item").height();  //We get the first child height

containers.css('min-height', firstChild);  //We give the containers the height of the first child

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

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