td値の取得が未定義の場合

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

子供を使用せずに、trAboveでfind（）を直接使用するだけでした。

$("#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') 
    */ 
}) 

私は、サンプルコードを書いた：これは

Answer 2

あなたはこのように使用することができ、私の問題を解決しhttps://jsfiddle.net/nht9nvzy/