jquery将绝对定位的父高度更改为子高度答案

【问题标题】：jquery change absolute positioned parent height to child heightjquery将绝对定位的父高度更改为子高度
【发布时间】：2019-02-14 18:32:20
【问题描述】：

我想知道有没有办法获取绝对定位子项的高度并使用 jQuery 将其设置为父项？例如，孩子有一个隐藏的 div，单击单选按钮后，该 div 将显示并扩展绝对定位的孩子的高度。

<ol id="relative_one"> 
    <li> 
        <div class="tabbed_title"> 
            <div class="absolute_positioned child"></div> 
    </li> 
</ol>

【问题讨论】：

“像 ajax 一样做”是什么意思？ Ajax 用于向服务器发送 HTTP(S) 请求并将服务器响应数据加载回脚本中。
<ol id="relative_one"> <li> <div class="tabbed_title"> <div class="absolute_positioned child"></div> </li> </ol>
对不起，类似 ajax 的术语，但正如我所说，每当绝对定位的子元素发生变化时，就像显示隐藏的 div 一样，父 div 将自动获得该高度而无需刷新页面跨度>
您提供的 HTML 无效。请使用您拥有的 HTML 编辑问题。

标签： jquery

【解决方案1】：

您可以像这样使用 jQuery 获取和设置高度：

<!-- html from the comment from the original question -->
<ol id="relative_one">
    <li>
        <div class="tabbed_title">
        <div class="absolute_positioned child"></div>
    </li>
</ol>

var $child = $('.child');
var $parent = $('.tabbed_title');

$("#radioButton").change(function () {
    var childHeight = $child.height();
    $parent.height(childHeight);
});

【讨论】：