jquery - 如何在不指定高度的情况下覆盖div的所有内部元素

Question

如何处理一个div的高度来覆盖所有的内部元素？我的 div 中的元素数量没有预先指定，并且一直在变化，那么我如何处理下面示例中的高度？

$('#item1').hover(function(){

 $("#spec1").stop(true).animate({height:'100px'}, 300);
},function(){
$("#spec1").stop(true).animate({height:'0px'}, 300);
})

换句话说，我不知道覆盖内部元素的 div 的确切高度；我该如何处理这个问题？

Fiddle

Answer 1

我认为你应该在每次元素数量变化时捕获，然后根据它重新计算高度。

$("#SomeContainer").change(function(){
   var newHeight = $("#SomeContainer").height();
   $("#spec1").height(newHeight);
 });