单选题

如下 HTML 代码展示了一个用户列表： <ul id="user...

Question

如下 HTML 代码展示了一个用户列表：

<ul id="user-list">
    <li>用户1 <button data-id="1">删除</button></li>
    <li>用户2 <button data-id="2">删除</button></li>
    <li>用户3 <button data-id="3">删除</button></li>
    <li>用户4 <button data-id="4">删除</button></li>
    <li>用户5 <button data-id="5">删除</button></li>
</ul>

产品经理期望管理员点击“删除”按钮时可以删除某个用户，关于实现该功能哪些描述是正确的：

A. 首先需要为每个 button 元素绑定点击事件：$('button').on('click', removeUser)

B. 通过点击时间获取用户的 ID：$(e.target).attr("data-id")

C. 将列表项从页面上删除之前，需要先调用后端 API，$.delete('/delete/user/xxx').then(() => { // 将用户从页面上移除 })

D. 在单页应用中，如果动态添加一条新的用户记录，需要重新对该记录的删除按钮进行事件绑定。