jqueryを使ってDIVを100％高さにする方法 - 親に関係させる方法

Question

私は子供のDIVを100％拡張するためにこのjqueryスクリプトを使用しています。それは正常に動作しますが、私は常に下にスクロールする必要がありますので、DIVはブラウザウィンドウを超えて拡張されています。文書より親DIV ratheに関連するように100％の高さを変更することは可能ですか？

$(document).ready(function() { 
    $("#stretch").animate({ height: $(document).height() }, 500); 
}); 

Answer 1

は確かにそれがある：直接の親のために

：

$(document).ready(function() { 
    var $stretch = $("#stretch"); 

    $stretch.animate({ height: $stretch.parent().height() }, 500); 
}); 

を

直接的な親でない場合はclosestをparentに置き換えることができます。

Answer 2

$(document).ready(function() { 
    var $stretch = $("#stretch"); 
    $('#stretch').animate({ height: $stretch.parent().height() }, 500); 
}); 

またはそのないimeditate親であれば試してみてください。

$(document).ready(function() { 
    var $stretch = $("#stretch"); 
    $('#stretch').animate({ height: $stretch.closest('parent-selector').height() }, 500); 
});