Javascript 标识节点js中的特定元素

我有一张表，里面有用户信息列表。每行由一个更新图标和一个删除图标组成。单击删除图标时，必须删除特定用户记录。表中的行是动态生成的。那么，我怎样才能识别哪个用户的删除图标被点击了呢？所有这些都在一个

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

中的用户信息，并将其反映在这里，而无需重新加载页面（使用Ajax）。

$（#userstable.glyphicon remove”）。在（“单击”上，函数（e）{
var id=$（this.closest（“tr”）.find（“td.id”）.text（）；
警报（id）；
//在这里使用id可以根据需要进行ajax调用
});//点击

$（#userstable.glyphicon remove”）。在（“单击”上，函数（e）{
var id=$（this.closest（“tr”）.find（“td.id”）.text（）；
警报（id）；
//在这里使用id可以根据需要进行ajax调用
});//点击

您已经完成了大部分工作。您所需要做的就是找出哪些用户需要编辑，哪些用户需要删除。我已经修改了你的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>

---

您已经完成了大部分工作。您所需要做的就是找出哪些用户需要编辑，哪些用户需要删除。我已经修改了你的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>

您可以将id作为参数传递，也可以将此

传递给
editUser（）
函数（
onclick=“editUser（this）”
），然后在函数内部可以获得id:
函数editUser（el）{id=el.parentNode.parentNode.children[0].innerHTML；}
您可以将id作为参数传递，也可以将此
传递给
editUser（）
函数（
onclick=“editUser（this）”
），然后在函数内部可以获得id:
函数editUser（el）{id=el.parentNode.parentNode.children[0].innerHTML；}