javascript - Javascript/jquery：选择可见且具有名称的元素，获取高度并将其应用于另一个 div

Question

我正在尝试使用 jquery 来选择名为fieldsetwhich are 的元素visible（应该只有 1 个），然后获取它的高度（如 fieldsetHeight）。然后我想设置一个 idvariable-div为 == fieldsetHeight 的 div 的高度。

这是我到目前为止所拥有的：

var fieldsetHeight = ((document.(fieldset).is(':visible').offsetHeight) + 'px');
document.getElementById('variable-div').style.height = fieldsetHeight;

但它不工作...

Answer 1

你可以这样做：

var fieldsetHeight = $(document.getElementsByTagName("fieldset")).filter(':visible').height() + 'px';
document.getElementById('variable-div').style.height = fieldsetHeight;

演示：http: //jsfiddle.net/hungerpain/f3PEX/

但是，嘿，既然您使用的是 jQuery，为什么不呢：

var fieldsetHeight = $("fieldset").filter(':visible').height() + 'px';
$('#variable-div').height(fieldsetHeight);

演示：http: //jsfiddle.net/hungerpain/f3PEX/1/

PS：如果您只需要 JS 答案，请删除 jQuery 标记：)

Answer 2

这里只使用 jQuery：

var fieldsetHeight = $($("fieldset:visible")[0]).height() + 'px';

if (confirm("Change height of div?")) {
    $('#variable-div').height( fieldsetHeight);
}

工作的jsFiddle