为什么jquery返回无效的属性值？

Question

我的html中有以下行：

...
<div class="jp-container jspScrollable" id="scrollbarY" style="height: 274px; overflow: hidden; padding: 0px;" tabindex="0">
...   

在浏览器控制台中我写了以下内容：

$('.jp-container.jspScrollable').height()

结果：

410

但预期结果为274。

在浏览器控制台中我写了以下内容：

$('.jp-container.jspScrollable')

结果：

 ...
<div class="jp-container jspScrollable" id="scrollbarY" style="height: 274px; overflow: hidden; padding: 0px;" tabindex="0">
...  

如何在浏览器控制台中获取274？

更新

调试器显示类似情况的以下值：

在这种情况下，我想得到105。

我找到了以下css：

#scrollbarY,
#scrollbarY1 {
    height: auto;
    min-height: 410px;
    clear: both;
    overflow: hidden
}

Answer 1

尝试询问css值，ala：

$('#scrollbarY').css('height');

警告：这将回复添加了'px'的字符串表示，因此你可以parseInt（$（'＃scrollbar'）。css（'height'））。但另一个我担心的问题是为什么不匹配，是div的高度被修改了？

Answer 2

试试这个：

var elem = document.getElementById('scrollbarY')
alert(elem.style.height.slice(0, -2));

Fiddle

Answer 3

为什么不试试这个

$('#scrollbarY').height();

更新

以下是我使用上述代码创建的fiddle。它显示正确的高度。除非我们看到更多你的javascript代码，否则不确定你在做什么。