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>

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

1 个答案: