将 first-of-type child 的高度分配给 parent

Question

我有这个表格：

<form method="get" id="filterForK2ModuleForm">
    <input type="hidden" name="option">
    <input type="hidden" name="view">
    <input type="hidden" name="task">
    <input type="hidden" name="mid">
    <input type="hidden" name="Itemid">

    <div id="filter_field_33" class="field_checkbox" style="height: 50px;">
    </div>
    <div id="filter_field_4" class="field_radio" style="height: 50px;">
    </div>
    <div id="filter_field_11" class="field_radio" style="height: 50px;">
    </div>
    <div id="filter_field_22" class="field_checkbox" style="height: 50px;">
    </div>
</form>

并且想要将 first-child div（它具有变量 ID）的高度分配给它的 parent。（在网站上，有一个按钮可以将高度设置回100%）

但是当我尝试将高度写入变量时：

<script type="text/javascript">
jQuery(document).ready( function() {
    var filterheight = $("#filterForK2ModuleForm div:first-of-type").height();
});
</script>

控制台显示 Uncaught ReferenceError: func is not defined。

你能帮我完成这个简单的任务吗？

Answer 1

我无法用 jquery 做到这一点，但是这个 javascript 有效：

<script type="text/javascript">
    window.onload = function() {
            var filterheight = document.getElementById('filterForK2ModuleForm').getElementsByTagName('div')[0].clientHeight;
            document.getElementById("filterForK2ModuleForm").style.height = (filterheight + 'px');
    }
</script>

将 first-of-type child 的高度分配给 parent

Assign first-of-type child's height to parent

css

jquery

height