根据td宽度调整div的大小

Question

我试图将div的宽度改为与表格单元格的宽度相同。既不是固定的宽度，也需要能够检测到尺寸变化的时间。 试图完成像下面的东西，但不知道如何。

var myvalue = document.getElementsByClassName('tableCell'); 
document.getElementByClassName('test').style.width= myvalue.offsetWidth+'px'; 

<table> 
    <tr> 
    <td colspan="2"><div class="test"></div></td> 
    </tr> 
    <tr> 
    <td class="tableCell">test</td> 
    <td></td> 
    </tr> 

Answer 1

$(document).ready(function() { 
    $('.test').width($('.tableCell').width()); 
}); 

http://jsfiddle.net/wpNFk/