Jquery this.height工作不正常

Question

我使用jquery动态设置tr的高度.代码运行document.ready.我调试了代码并看到要设置的高度正确(493)但是当我分配它时tr,它仍然显示,3193而当我看到$(this)[0].style.height它时,它显示493px.我很困惑,怎么会有所不同.

代码 -

$(document).ready(function () {
    var heightToSet = $(window).height();
    $('#tr1').height(heightToSet);
});

请注意,表中的元素很大,因此没有滚动条.

Answer 1

this指document代码中的元素.您可能想要设置body元素的高度或元素的后代body.

看看这个JSFiddle的控制台,你会看到this你的事件处理程序中有什么:http://jsfiddle.net/qwk6x/

更新

您可以更改表中TD元素的CSS以不显示溢出.目前你正在设置一个高度,但是它被忽略了,因为元素的内容使它比设置的高度大得多:

CSS -

td {
    display     : block;
    overflow    : hidden;
    white-space : nowrap;
}?

JS -

$(function () {
    $('#tr1').children().height($(window).height());
});?