JQuery.Ширина элемента в зависимости от его родительской ширины

Question

У меня есть таблица размером с пиксель, ширина ячейки которой зависит от содержимого.В первой строке таблицы есть элементы ввода, и мне нужно, чтобы они имели одинаковую ширину с родительскими ().Идея заключается в том, что ширина этих входных данных должна рассчитываться автоматически и указываться в пикселях с помощью jQuery.Для этих ячеек и входов нет ни классов, ни идентификаторов.Я могу установить ширину для одной ячейки только с помощью селекторов с кодом, подобным следующему:

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

Но, как я уже сказал, мне нужно, чтобы он был более универсальным без использования каких-либо классов и т.д.тот?Спасибо!

Answer 1

Вы можете использовать дочерний селектор, подобный этому

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

Этот код должен выбрать все тд первой строки и дать им ширину их родителя.