如何在 jQuery 中指定 onclick 參數？

Question

我很難使用 jQuery 讓按鈕能夠刪除它自己的行。 具體來說，我對選擇過程感到非常困惑。

該表的 id 為foo ，按鈕的 class 為'delete 。 下面的代碼 select 不應該是按鈕嗎？ 這只是我難以理解的****.on('click', function(event){})部分。 我只想選擇創建的按鈕以on響應。

 $('#foo tr:last').after(`<tr id="1"><td>fname</td> <td>lname</td> <td>pnumber</td> <td>address</td> <td><button class="delete" id="1" type="click">Delete</button></td>`) $("#foo.delete").on('click', function(event) { event.preventDefault() let rowID = event.target.id if (rowID,== '') { $(`#foo.#${rowID}`)[1].remove() } })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table id="foo"> <tr></tr> </table>

Answer 1

閱讀此 Jquery 文檔https://learn.jquery.com/events/event-delegation/

$(document).on('click', "#foo .delete", function(event){
//do something here
})