親要素のIDを取得するには？

Question

私はこのトリッキーな状況に入った。私はテーブルデータを提示する変数を持っています：

row += '<td>' + c + '<button class="btn btn-success" id="' + callId + ' " onclick="handleCall()">Call</button>' + '<button class="btn btn-danger" id="' + hangupId + ' " onclick="handleHangUp()">Hangup</button>' + '</td>' ; 

後部を私のテーブルに追加します。今、Callボタンをクリックすると、ボタンのIdを取得したいと思います。私はこのように試しました：

function handleClick() { 
console.log(this); 
} 

しかし、それはウィンドウオブジェクトを指しています。誰も私の目標を達成する方法を示すことができますか？おかげ

Answer 1

は単に、それをシンプルに保つために、パラメータとして

変更を要素のIDを渡します、

onclick="handleCall()" 

ユーザーが押している問題で、ボタンを参照

に、

onclick="handleCall(this.id)" 

this。彼らは、長い目で見ればと連携addEventListener方法を利用する痛みのあるとして、その後

、

function handleClick(id) { 
    console.log(id); 
} 

は最後に、インラインのイベントハンドラを使用しないでください。

Answer 2

あなたがこれを行うことができます2つの方法がありますが、あなたはattrを使用してjQuery経由でそれを行うことができますかあなたはバニラJavascript滞在したいしている場合、あなたは.idを使用することができます。 jQueryについては

以下のコードを参照してください：Javascriptについては

console.log(jQuery('element').attr('id')); 

を以下のコードを参照してください。

console.log(element.id); 

Answer 3

row += '<td>' + c + '<button class="btn btn-success" id="' + callId + ' " onclick="handleCall(this)">Call</button>' + '<button class="btn btn-danger" id="' + hangupId + ' " onclick="handleHangUp()">Hangup</button>' + '</td>' ; 

function handleClick(element) { 
console.log(element); 
//here you will have all element properties 
}