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

jQuery を使用した非表示要素の高さの取得

非表示の親 div 内に隠された要素の高さを決定するのは難しい場合があります。高さを取得するためだけに要素を一時的に表示し、その後再び非表示にするのは非効率的です。より最適な解決策は次のとおりです。

解決策:

次のコード スニペットを使用できます:

var previousCss = $("#myDiv").attr("style");

$("#myDiv").css({
    position:   'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display:    'block'
});

optionHeight = $("#myDiv").height();

$("#myDiv").attr("style", previousCss ? previousCss : "");

説明:

1. div の現在の CSS スタイルを保存します。 previousCss 変数。
2. 位置を絶対（すでに絶対の場合はオプション）、可視性を非表示に、表示をブロックに設定して、div の CSS を調整します。
3. 現在の高さを取得します。
4. div の以前の CSS スタイルを復元するか、インライン スタイルを削除します。 previousCss は空です。

このアプローチでは、親 div を表示および非表示にする必要がなくなり、非表示要素の高さをより効率的に取得できます。

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