如何使用 jQuery 高效获取隐藏 Div 内元素的高度？-css教程-PHP中文网

如何使用 jQuery 高效获取隐藏 Div 内元素的高度？

Mary-Kate Olsen

发布： 2024-12-15 16:31:17

原创

168 人浏览过

How Can I Efficiently Get the Height of an Element Inside a Hidden Div Using jQuery?

在 jQuery 中检索隐藏元素的高度

获取隐藏在隐藏 div 中的元素的高度可能具有挑战性。传统的方法是显示 div，获取高度，然后隐藏它，这可能很麻烦。

但是，有一种更有效的方法，利用 jQuery 修改 CSS 样式的能力：

方法

修改CSS：暂时为隐藏的 div 设置以下 CSS 属性：
- position:absolute（如果 div 已经是绝对的则可选）
- visibility:hidden
- display:block
获取高度：使用jQuery 的 height() 函数，检索现在可见的 div 内元素的高度。
恢复 CSS： 获取高度后，恢复 div 的原始 CSS 属性。

代码示例

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 : "");

登录后复制

这种方法提供了一种更高效、灵活的方式来获取高度隐藏元素，无需重复显示和隐藏父div。

以上是如何使用 jQuery 高效获取隐藏 Div 内元素的高度？的详细内容。更多信息请关注PHP中文网其他相关文章！