jquery - 使用 jQuery 使表格行可点击

Question

在 ASP.NET 网页中，我有一个显示数据库查询结果的表。在同一页面中，我有一个表单，它向数据库添加一行并在表末尾显示该行。我使用 jQuery ajax 将记录插入数据库，如果成功，那么我创建了一个 <tr> <td> ... </td> </tr>元素并使用 jQuery 将此元素附加到表中。这很好用。现在我想让表格行可单击。我尝试使用 $('#table-name tr').click(function () {
alert ("hello");
});

点击功能不适用于我使用表单添加的行。有什么解决方法吗？如何使所有行都可点击？

Answer 1

$('#table-name tr')仅返回<tr>调用该选择器时存在的元素。如果您动态添加新行，则不会考虑它们。

jQuery 有特殊的语法来处理动态生成的元素:

$('#table-name').on('click', 'tr', function() {
    alert('Hello');
});