我有一张表格,每列都有一个文本框(它们将用于过滤)。 文本框应与相应列的宽度相同。
这是我得到的(简化版):http://jsfiddle.net/9uUpP/
解释我正在尝试使用当前脚本执行的操作的伪代码:
document ready{
var index = 0;
for each(th){
textboxNr(index).width = this.width;
index++;
}
}
如您所见,文本框与列的宽度不匹配。
重要:表格+内容是生成的,可能会不时发生变化,所以我不得不做一个动态的解决方案。列数将始终相同,但它们的宽度可能会发生变化
最佳答案
第一个 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;
});
});
关于javascript - 匹配表格列宽的文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17971905/