将第一个类型孩子的身高分配给父母

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>

并希望将第一个子 div（它具有可变 ID）的高度分配给它的父级。 （网站上有一个按钮可以将高度设置回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>