javascript - 如何将输入字段设置为在 TD 中使用 100% 的可用宽度，减去 X 像素数？

Question

我有一个数据表，它使用了 100% 的可用浏览器宽度。在一些 TD 中有文本输入字段。在它们的右侧是两个链接，它们用作选择器并设置为 16x16 像素的 block 级元素。代码看起来有点像这样:

<table (dynamic width)>
  <tr>
    <td (dynamic width)>
      <input type="text" (dynamic width) />
      <a href="#" style="display: block; width 16px; height 16px;"></a>
      <a href="#" style="display: block; width 16px; height 16px;"></a>
    </td>
  </tr>
</table>

我希望输入字段使用 100% 的可用 TD 宽度，减去日期选择器的 32px (16px+16px)。我已经尝试了该站点上文章中引用的一些技术，但似乎找不到有效的解决方案。

不幸的是，这必须在 IE7+ 下的 XHTML Strict Doctype 下工作。

如有任何帮助，我们将不胜感激。

Answer 1

我知道它没有被标记，

但您也许可以使用 javascript/jquery 来操作页面上的 DOM 元素(这似乎就是您想要做的)

所以在 jquery 中操作:

$('td input').width($(this).parent().width() - 32)