jquery - 如何扩大/减少表格单元格的高度？

有一个Jsfiddle，我有一个填充表格单元格的文本区域。但是我需要帮助的是，有人可以在小提琴中创建一个函数，供用户扩展或减小表单元格的大小。我想测试我的CSS，看看如果表格单元格的高度增加或减少，textarea是否可以填充textarea？

这是小提琴：http://jsfiddle.net/BpWes/1/

下面是小提琴的代码：

HTML：

        <table id="tbl">
        <tr>
        <th>Question</th>
        </tr>
        <tr>
        <td class="question">
         <textarea class="textAreaQuestion" id="mainTextarea"  name="questionText"></textarea>
            </td>
        </tr>
        </table>

jQuery：

$('textarea').css('background','#EAEAEA');

CSS：

td{ vertical-align:top}


#tbl{
border:1;
height:250px;
}

.question{
    border:1px black solid;
    padding: 0;
    height:100%
}

.textAreaQuestion{
    width:100%;

    height:100%;
    border:0;
    padding:0;
    font-size:100%;

    margin:0;

}

更新：

HTML：

 <table id="tbl">
        <tr>
        <th>Question</th>
        </tr>
        <tr>
            <td class="question">
<div class="divheight">
    <textarea class="textAreaQuestion" id="mainTextarea"  name="questionText"></textarea>
                </div>
            </td>
        </tr>
        </table>

CSS：

.question{

        border:1px black solid;
        padding: 0;
    }

    .divheight{
    height:100%
    }

最佳答案

请检查此fiddle，是否可以解决您的问题。

var cell = $('td.question');

$('.increase').click(function(){
    cell.height(cell.height()+20);
});
$('.decrease').click(function(){
    cell.height(cell.height()-20);
});

关于jquery - 如何扩大/减少表格单元格的高度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14116465/