如何使div填充td高度

Question

我有一个包含2列的表格。每个<td>元素都包含<div>元素。如何设置<div>元素的高度以填充所有者<td>元素？

我也需要在IE中使用它。

点击jsfiddle此处。

Answer 1

这个怎么样：

$("div").each(function(){
    $(this).height( $(this).parent.height() )
})

Answer 2

我假设您不希望每个td和div执行此操作。

var calculatedHeight = $('#someTD').innerHeight();

$('#innerDiv').height(calculatedHeight);

为了更通用，您还可以使用类和SnowBlind的答案组合，如下所示。

$('.someDiv').each(function(){
    var heightToSet =  $(this).parent.innerHeight();
    $(this).height(heightToSet);
});

更新：更新单元格时需要自定义事件（通过ajax或者） 并重复上述内容。但只针对那个细胞。

$('table').delegate('td', 'onCellUpdate', function(){
     // a td triggered this, do something
});

和..

.trigger('onCellUpdate')

Answer 3

只是一个想法，为什么不尝试在td中设置td而不是div？

这就是我所做的here ......