jqueryはキープレスに最も近いテーブルのIDを取得します

Question

私はボタンクリックでテーブルを作成しています。私はそれらのテーブルに余分な行を追加するホットキーがあります。カーソルがあるテーブルの親IDを取得する必要がありますが、それは私に未定義を与え続けます。私は親のdivのidを得ることができますが、私はテーブルを置くときにそれは私の定義が不明です。すべてのヘルプは、私がtableがdivNarrative1内にあると考えてい

$(document).ready(function() { 
    $("#divNarrative1").keypress(function(e){  
     alert(e.target.id); 
     var msgId = $(this).closest('table').attr('id'); 
     alert(msgId); 
    }); 

}); 

Answer 1

をいただければ幸いです。 keypressthisはdivNarrative1を指しており、その上にclosestを呼び出すと、tableが必要になりません。 thisの代わりにe.targetを使用してください。

$(document).ready(function() { 
    $("#divNarrative1").keypress(function(e){  
     alert(e.target.id); 
     var msgId = $(e.target).closest('table').attr('id'); 
     alert(msgId); 
    }); 

}); 

更新：ページ上の相続人は、HTML

012テーブル

 // Insert HTML table 
function InsertTable() { 
    var div = document.getElementById('divNarrative1'); // table reference 

    div.focus(); 

    document.getElementById("hfProjectBoxNumber").value = Number(document.getElementById("hfProjectBoxNumber").value)+ 1; 
    document.getElementById("hfBillTextNumber").value = Number(document.getElementById("hfBillTextNumber").value)+ 1; 

    var projdiv = "Projectbox" + document.getElementById("hfProjectBoxNumber").value 

    //create table 
    var tbl = document.createElement('table'); 
    tbl.id = projdiv; 
    tbl.width = "570px"; 
    tbl.setAttribute("table-layout", "fixed"); 
    tbl.setAttribute("border", "1"); 
    tbl.setAttribute("height", "50px"); 
    tbl.border = 1; 

    //create header row 
    var oRow = tbl.insertRow(-1); 
    var oCell = oRow.insertCell(-1); 
    oCell.width = "570px"; 
    oCell.setAttribute("colspan", "2"); 
    oCell.setAttribute("align", "center"); 
    oCell.innerHTML = projdiv; 

    //create coumns 
    var oRow = tbl.insertRow(-1); 
    var oCell = oRow.insertCell(-1); 
    oCell.width = "430px"; 
    oCell.innerHTML = "DESCRIPTION"; 
    oCell.setAttribute("align", "center"); 

    var oCell2 = oRow.insertCell(-1); 
    oCell2.width = "140px"; 
    oCell2.innerHTML = "AMOUNT"; 
    oCell.setAttribute("align", "center"); 
    div.appendChild(tbl); 
    return false; 
} 

を作成相続人

OPによってJS

</div> 
     <asp:Button ID="btnEditNarr" runat="server" Text="Edit Narrative" /> 
     <input type="button" value="Clear all Content" onclick="clearBilltextbox();"/> 
     <input type="button" value="Save Content" onclick="getallcontent();"/> 

</asp:Panel>