0

私はこのテーブルを持っています:

<table id="myTable">
  <thead>
    <tr>
      <th>FirstName</th>
      <th>LastName</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="text" class="firstname" /></td>
      <td><input type="text" class="lastname" /></td>
    </tr>
  </tbody>
</table>

私がしたいのは、テーブルに行を追加することです。カーソルがテーブルの一番下の行で発生する入力にあるときにキーダウンイベントが発生するたびに、これを実行したいと考えています。

だから私はいくつかのjavascriptを作りました:

$('#myTable tbody tr:last td input').keydown(function (e) {

  $('#myTable tbody tr:last').clone().appendTo('#myTable');



        });

これは、行を追加するという点で機能します。問題は、keydown イベントがテーブルの一番上の行に関連付けられたままになることです。これは望ましくありません。代わりに、テーブルの一番下の行になる新しく追加された行に関連付けられたイベントが必要です。

私が間違っていることを誰かが知っていますか?直し方?

編集:

申し訳ありませんが、新しく追加された行のみで機能し、他の行では機能しないようにしたいということです。

4

3 に答える 3