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

Question

У меня есть HTMLTable с некоторыми строками и столбцами. Я привязываю функцию к ячейке этой таблицы при щелчке. Внутри этой функции мне нужно получить значение первой ячейки в этой выбранной строке. У меня есть следующие

$(this).parent().children() 
gives me object with 4 HTMLTableCellElement like on the picture 

Мне нужно, чтобы получить текст, содержащий innerHTML из [0] элемент

Как получить этот текст?

If I use $(this).parent().children('0').innerHTML it gives me "undefined" 

Answer 1

.children() возвращает массив элементов DOM. Вы можете просто взять первый элемент в массиве:

$(this).parent().children()[0].innerHTML 

Answer 2

Довольно близко, попробуйте:

$(this).parent("tr").find("td:first").text();