Jquery 将第一个类型指定为child'；s到父级的高度

我有以下表格：

<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）分配给其父div。（在网站上，有一个按钮将高度设置回100%）

但当我尝试在变量中写入高度时：

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

jQuery（文档）.ready（函数（）{
var filterheight=$（“#filterWorks2ModuleForm div:类型的第一个”）.height（）；
});

控制台显示

未捕获引用错误：未定义func

---

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

我无法用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>

window.onload=函数（）{
var filterheight=document.getElementById（'FilterWork2ModuleForm'）。getElementsByTagName（'div'）[0]。clientHeight；
document.getElementById（“FilterWork2ModuleForm”）.style.height=（filterheight+'px'）；
}

它工作正常，请仔细检查您的代码-在jQuery或$之间选择，在某些情况下，在上将不起作用