追加まず、上の表の「削除」をクリックしてみてください。どちらをクリックしても削除できるかと思います。※最後の1つは削除できないようにしています次に、「追加」をクリックしてください。1つ上の行と同じ行が追加されます。追加された要素の「削除」をクリックしてください。追加された要素も削除できるよう対応します。結論から言いますイベント処理に使用する「on」の指定の仕方の違いです。{こちらの場合、追加された要素ではイベント(例だとクリック)が発生しません。{こちらの場合ですと、追加された要素でもイベント(例だとクリック)が発生します。$(‘.delete-row’)を$(‘body’)に変更します。※親要素へ変更しています。親であればだれでもOK次に、親に変更した$(‘.delete-row’)の要素部分’.delete-row’をイベントの後ろに引数として追加します。見た方が分かりやすいですね。function」と追加してください。追加して削除してみてください。削除できるようになっています。onについて(イベントの後ろの引数)親要素に変更する点は特に気にならないかと思います。イベントの後ろに引数を追加しましたが、こちらの引数にはセレクタを指定することができます。今回だと(‘.delete-row’)です。.delete-row’)ということです。セレクタで指定した場合は、追加要素でも対象になるんですね。...前者の場合は、ページ表示時に対象要素を確定させているのでしょう。よって、要素が追加されたとしても、対象要素に加える処理が存在しないのだと思います。後者の場合はセレクタ部分はページ表示時ではなく、イベント発生時に探し直すのだと思われます。処理としては前者の方が早いかもしれないですね。ケースによって使い分けると良いかもしれないです。参考までにソースを書いておきますcssは動作には関係ありませんので割愛します。</tr></tbody></table>javascriptjavascriptです。「add-row」のイベント処理は全く同じです。