javascript - 具有特定 ID 的表中动态添加 tr 的 jQuery 单击事件

Question

我想为具有特定 id 的 tbody 中的所有行创建一个点击事件。

我试过这段代码:

$('#availableApps > tr').click(function (e) {
    console.log('hej');
});

然而，这不会触发对 <tbody id="availableApps"> 中 tr 的任何点击。

我做错了什么？

HTML，我动态填充表格:

<table class="table table-striped table-hover">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody id="availableApps">
    </tbody>
</table>

Answer 1

您需要使用 event delegation用于将处理程序绑定(bind)到动态添加的元素。

$('#availableApps').on('click', 'tr', function (e) {
    console.log('hej');
});