onchange函数获取显示隐藏的div的高度

时间:2013-11-26 13:07:03

标签: javascript jquery

我有一个选择框。关于selectbox div中值的变化是显示和隐藏。

div首先内容较少,div二内容太多。 如果我选择selectbox div首先显示和div两个隐藏,反之亦然, 但是我的要求是,如果我选择div一个,我得到div的高度,并立即如果我选择div二,我当场得到div的高度。

$("#test").change(function() {
    var j = $("#divfirst").find("body").height();
    var w = $("#divtwo").find("body").height();
    alert(j);
    alert(w);
});

HTML:

<div id="divfirst">less content</div>
<div id="divtwo">more content more content</div>

1 个答案:

答案 0 :(得分:0)

请试试这个:

$("#test").change(function() {
var j = $("#divfirst").css('height').replace('px','');
var w = $("#divtwo").css('height').replace('px','');
 alert(j);
alert(w);
})

或者您可以使用:

$("#test").change(function() {
var j = $("#divfirst").offset().height;
var w = $("#divtwo").offset().height;
 alert(j);
alert(w);
})