根據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/