Jquery <；col>；IE和Chrome的宽度返回0

我有一张三列的桌子。我正在使用标记指定列的宽度。示例代码：

<table width="100%" border="1">
  <colgroup style="background-color:#FF0000;">
  <col width="100px" id="id1"></col>
  <col width="80px" id="id2"></col><col id="id3"></col></colgroup>
  <tbody>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>2489604</td>
    <td>My first CSS</td>
    <td>$47</td>
  </tr>
<tbody>
</table>

ISBN
标题
价格
3476896
我的第一个HTML
$53
2489604
我的第一个CSS
$47

问题是col的宽度（$（“#id1”）.width（）对于IE和Chrome返回0，并且在FF中工作良好。

---

如何在chrome和IE中获得col的实际宽度？

对较旧的jQuery进行简单的修改（col在chrome中没有宽度，但它有第一个具有宽度的单元格）

ISBN
标题
价格
3476896
我的第一个HTML
$53
2489604
我的第一个CSS
$47

---

这里-

对较旧的jQuery进行简单的修改（col在Chrome中没有宽度，但它有第一个带宽度的单元格）

ISBN
标题
价格
3476896
我的第一个HTML
$53
2489604
我的第一个CSS
$47

---

这里-

我已经在IE9、FF和Chrome中验证了您的代码。它工作得很好。这是jsfiddle。它不适用于jquery-1.5.2.min.js。如果我将jquery版本更改为1.5.2，它将无法正常工作，我无法复制它。我已经用JQuery 1.5.2在FF 10中进行了测试，它工作得非常好。它在FF和IE中工作。问题在于Chrome。我正在使用JQuery 1.5.2。它与jquery 1.7.1配合使用。我已经在IE9、FF和Chrome中验证了您的代码。它工作得很好。这是jsfiddle。它不适用于jquery-1.5.2.min.js。如果我将jquery版本更改为1.5.2，它将无法正常工作，我无法复制它。我已经用JQuery 1.5.2在FF 10中进行了测试，它工作得非常好。它在FF和IE中工作。问题在于Chrome。我正在使用JQuery 1.5.2。它正在使用jquery 1.7.1不起作用要计算宽度的列不包含colspan为1的tbody中的单元格不起作用要计算宽度的列不包含colspan为1的tbody中的单元格

<table width="100%" border="1">
  <colgroup style="background-color:#FF0000;">
  <col width="100px"></col>
  <col width="80px"></col><col id="id3"></col></colgroup>
  <tbody>
  <tr>
    <th id="id1">ISBN</th>
    <th id="id2">Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>2489604</td>
    <td>My first CSS</td>
    <td>$47</td>
  </tr>
<tbody>
</table>