jQuery的。元素宽度取决于其父宽度

时间:2011-06-13 12:08:01

标签: input width parent html-table

我有一个像素大小的表,单元格的宽度取决于内容。表的第一行中有输入元素,我需要它们与parent()具有相同的宽度。我们的想法是应该自动计算这些输入的宽度,并使用jQuery以像素为单位进行设置。这些单元格和输入没有类或id。我只能使用具有以下代码的选择器来设置一个单元格的宽度:

var parentWidth = $(".foo").width();
$('td.foo input').width(parentWidth);

但正如我所说,我需要它更普遍而不使用任何类等。 任何人都可以帮助我吗?谢谢!

1 个答案:

答案 0 :(得分:14)

你可以像这样使用child选择器

$('tr:first td > input').each(function(){
    $(this).width($(this).parent().width());
});

此代码应选择第一行的所有td并为其指定父级的宽度。