如何在方向改变时动态地使两个div的高度相同

Question

我有以下HTML：

<div class="parent">
    <div class="fieldset" id="myform1">List 1 
        <a class="ui-shadow ui-btn ui-btn-inline ui-btn-icon-left ui-icon-gear" value="SUBMIT" id="sub2"></a>
    </div>
    <div class="hidenset" id="myformMenu1" style="display:none;">Menu 1</div>
</div>

我想在方向发生变化时，在移动设备中为fieldset和hiddenset div提供相同的高度。

脚本

    window.addEventListener("resize", function() {
        $('div.parent').each(function(){
              var h = $(this).find('fieldset').height();
              $(this).find('hidenset').attr('height',h+'px');

        });

但是此脚本无法正常运行

谢谢＆amp;问候

Answer 1

jQuery中的类选择器需要以.作为前缀 - 同样，你拼写错误hiddenset。

window.addEventListener("resize", function() {
    $('div.parent').each(function(){
          var h = $(this).find('.fieldset').height();
          $(this).find('.hiddenset').height(h);
    });
});