javascript - 匹配表格列宽的文本框

Question

我有一张表格，每列都有一个文本框(它们将用于过滤)。文本框应与相应列的宽度相同。

这是我得到的(简化版):http://jsfiddle.net/9uUpP/

解释我正在尝试使用当前脚本执行的操作的伪代码:

document ready{
    var index = 0;
    for each(th){
        textboxNr(index).width = this.width;
        index++;
    }
}

如您所见，文本框与列的宽度不匹配。

重要:表格+内容是生成的，可能会不时发生变化，所以我不得不做一个动态的解决方案。列数将始终相同，但它们的宽度可能会发生变化

Answer 1

第一个 child 不会是第 0 个 child 。所以索引最初应该是1。

看here .它说 child 索引从 1 开始。

然后 px 不需要宽度，只需要这个值就够了。 Check here

这是更新后的工作 jsFiddle

你的代码应该是，

$(document).ready(function () {
    var index = 1;
    $("#table th").each(function () {
        $('input[type="text"]:nth-child('+index+')').css('width',$(this).width());
        index = index+1;
    });
});