jQuery を使用して非表示の Div 内の要素の高さを効率的に取得するにはどうすればよいですか?

jQuery での非表示要素の高さの取得

非表示 div 内に隠された要素の高さを取得するのは難しい場合があります。従来の方法では、div を表示し、高さを取得してから非表示にする必要があり、面倒な場合があります。

ただし、CSS スタイルを変更する jQuery の機能を活用する、より効率的なアプローチがあります。

アプローチ

1. 変更CSS: 非表示の div に対して次の CSS プロパティを一時的に設定します:

   • position:Absolute (div がすでに絶対である場合はオプション)
   • visibility:hidden
   • 表示: block
2. Get Height: jQuery の height() 関数を使用して、現在表示されている div 内の要素の高さを取得します。
3. CSS の復元: 高さを取得したら、元の CSS プロパティを復元します。 div.

コード例

このアプローチは、親 div の表示と非表示を繰り返し行うことなく、非表示要素の高さを取得するためのより効率的かつ柔軟な方法を提供します。

以上がjQuery を使用して非表示の Div 内の要素の高さを効率的に取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。