Как получить значение дочернего элемента в ячейке таблицы с помощью jquery?

Question

Я добавил jQuery в более старое приложение. Это вызывает некоторые синтаксические ошибки, поэтому мне нужно обновить старый код для совместимости с jQuery. Для пояснения, как только я включаю jQuery, myTable.rows.length возвращает «undefined». Причина, по которой я включаю jQuery, заключается в том, что я хочу использовать DatePicker в другом месте на странице.

Как только я сменил myTable.rows.length на $('#myTable tr').length;, эта часть работала правильно, что заставило меня поверить, что мне нужно также обновить следующие фрагменты.

Что такое эквивалент следующего кода в JQuery ?: myTable.rows[i].cells[0].children[0].value;

Answer 1

Было бы

$($("td:first", ($("#myTable tr")[i])).children()[0]).val(); 

Чтобы выбрать к-й тд:

$($($("td", ($("#myTable tr")[i]))[k-1]).children()[0]).val(); 

Несколько проще (i-я строка, j-я ячейка):

$("#myTable tr:nth-child("+i+") td:nth-child("+j+")").children()[0].val(); 

Answer 2

Если все, что вы делаете, работает, зачем его менять?

Я не фанат, но та же идея была бы

$("#myTableId")find("tbody tr").eq(i).find("td").eq(0).children().eq(0).val(); 

Вы, вероятно, будет лучше с иметь класс на предмет, который вы пытаетесь выбрать.

Если это будет первый вход в первой ячейке было бы просто

var i = 0; 
var rows = $("#myTableId")find("tbody tr"); 
var inputVal rows.eq(i).find("td :input").val();