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

Question

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

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

但正如我所说，我需要它在不使用任何类等的情况下更加通用。 任何人都可以帮助我吗？谢谢！

Answer 1

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

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

此代码应选择第一行的所有 td 并给它们父级的宽度。