隠された親を持つ要素のサイズを取得する方法は？

Question

1.4.4隠された要素の返り値ですが、別の隠し要素の要素はどうでしょうか？ getWidthより良い解決策はありますか？

<script type="text/javascript"> 
     function getWidth(element){ 
      var parent = element.parent(); 
      $('body').append(element); 
      var width = element.width(); 
      parent.append(element); 
      return width; 
     } 

     $(function(){ 
      var width = $("#foo").width(); 
      console.log(width); //0 
      width = getWidth($("#foo")); 
      console.log(width); //ok 
     }); 
    </script> 
    <div style='display:none'> 
     <div style='display:none' id='foo'>bar</div> 
    </div> 

Answer 1

要素が非表示の場合、幅はスタイルによって異なります。また、隠れ要素が別の隠れ要素の内部にある場合、結果は再び変化する可能性があります。しかし、jQueryのコードは非常に簡単です：これは、その幅をつかむ、FOOの親のdivをつかむだろうが、私はそれは、要素の再表示自然の幅を取得します保証することはできません

$('#foo').parent().width() 

。希望が助けてくれる！