javascript - 识别node js中的特定元素

Question

我有一个表，其中包含用户信息列表。每行由一个更新图标和一个删除图标组成。单击删除图标时，必须删除特定的用户记录。表中的行是动态生成的。那么如何识别哪个用户的删除图标被点击了呢？所有这些都在 ejs 文件中。

<tbody>
     <% for(var item in user) { %>
     <% console.log(user); %>
            <tr>
                <td><%= user[item].id %></td>
                <td><%= user[item].firstName %></td>
                <td><%= user[item].lastName %></td>
                <td><%= user[item].emailId %></td>
            <td>
            <span onclick="editUser()" class="glyphicon glyphicon-edit"></span>
            <span class="glyphicon glyphicon-remove"></span>
            </td>
            </tr>
      <% }%>
</tbody>

我在第一列中有用户 ID。我如何识别哪个用户的删除图标被点击？我想删除 db 中的用户信息并将其反射(reflect)在此处，而不重新加载页面(使用 Ajax)。

Answer 1

您已经完成了大部分工作。您所需要做的就是弄清楚哪些用户需要编辑，哪些用户需要删除。我已经修改了您的 HTML 以允许两者兼而有之。现在“editUser()”方法和新的“deleteUser()”方法将“id”作为参数。

<tbody>
 <% for(var item in user) { %>
 <% console.log(user); %>
        <tr>
            <td><%= user[item].id %></td>
            <td><%= user[item].firstName %></td>
            <td><%= user[item].lastName %></td>
            <td><%= user[item].emailId %></td>
        <td>
        <span onclick="editUser(<%= user[item].id %>)" class="glyphicon glyphicon-edit"></span>
        <span onclick="deleteUser(<%= user[item].id %>)" class="glyphicon glyphicon-remove"></span>
        </td>
        </tr>
 <% }%>
</tbody>