jquery - 複数回実行された JQuery による target.event

Question

これは私の現在のコードです：

function tableClick(event){
    $('#table').click(function(event){
        alert(event.target.id);     
    });
}

<table id="table">
    <tr>
        <td id="td1" onclick="tableClick(this)">
            1
        </td>
    </tr>
    <tr>
        <td id="td2" onclick="tableClick(this)">
            2
        </td>
    </tr>
</table>

私が理解していないのは、警告ウィンドウが最後にもう一度ポップアップする理由です。どうすればこれを修正できますか? 前もって感謝します。

Answer 1

クリックするたびに、この関数を呼び出します。

function tableClick(event){
    $('#table').click(function(event){
        alert(event.target.id);     
    });
}

この部分：

$('#table').click(function(event){

クリック ハンドラーをテーブルにアタッチします。クリックするたびに、新しいクリック ハンドラーをテーブルにアタッチします。

Answer 2

クリックするたびにクリックハンドラーをアタッチしているため-

あなたはこれを行うことができます -

function tableClick(this){
     alert(this.id);     
}