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

发布于 2024-11-15 01:59:55 字数 293 浏览 2 评论 0原文

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

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

但正如我所说,我需要它更加通用,而不使用任何类等。 有人能帮我吗?谢谢你!

I have a pixel-sized table which cells' width depends on the content. There are input elements in the first row of the table and I need them to have the same width as they parents (). The idea is that those inputs' width should be calculated automatically and set in pixels with jQuery. There are no classes nor id's for those cells and inputs. I'm able to set the width for one cell only using selectors with code like this:

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

But as I said I need it to be more universal without using any classes etc.
Can anyone help me with that? Thank you!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

昇り龍 2024-11-22 01:59:55

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

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

此代码应选择第一行的所有 td 并为它们提供其宽度父母。

You could use a child selector like this

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

This code should select all td of the first row and give them the width of their parent.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文