Получение значения td возвращает undefined

Question

Я пытаюсь получить доступ к значению td строки над контекстом. Я могу получить строку выше с помощью метода prev(), а также получить детей с помощью метода children(), но когда я добавлю find() с селектором, я не смогу найти конкретную ячейку, которую я ищу.

Когда я регистрирую возврат с children(), я вижу все данные таблицы, которые у меня есть.

Почему я не могу найти по id? См. Код ниже.

$("#tblProducts tbody").on("click", "#btnSubmitUpdate", function (e) { 
    var btnSaveUpdate = $(this); 

    var tr = btnSaveUpdate.closest("tr"); 

    var trAbove = $(tr.prev()[0]); 
    var desc = trAbove.children().find("#tdDescription").val(); 

    //desc is returning undefined 
    console.log(desc); 
}); 

Answer 1

Мне просто нужно было использовать find() непосредственно с trAbove без использования детей. Это решило мою проблему

Answer 2

Вы можете использовать так:

$("#tblProducts tbody").on("click", "td", function() { 
    var tdAttr = $(this).attr('class') 
    alert($(this).closest('tr').find("td."+tdAttr).text()) 
    /* 
     or $(this).text(), $(this).attr('class') or $(this).data('id') 
    */ 
}) 

Я написал пример кода: https://jsfiddle.net/nht9nvzy/