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