jQuery根据删除按钮如何获取对应行id

关于jquery通过id选择器只能删除表格第一行

• 描述：jQuery拿不到foreach中指定行input的value，点击删除就把表格第一行删了
• $("#del_user").val()

jsp页面

<c:forEach items="${userList}" var="user" varStatus="sta">
                <ul<c:if test="${sta.count%2!=0}"> style="background-color: #00f7de"</c:if> class="list_b">
                    <li class="b20"><label><input type="checkbox" name="uid" value="${user.uid}"><span>${user.uname}</span></label></li>
                    <li class="b20"><label>${user.password}</label></li>
                    <li class="b20">
                        <label>
                            <c:choose>
                                <c:when test="${user.role==0}">
                                    普通用户
                                </c:when>
                                <c:when test="${user.role==1}">
                                    管理员
                                </c:when>
                                <c:when test="${user.role==2}">
                                    超管
                                </c:when>
                            </c:choose>
                        </label>
                    </li>
                    <li class="b20"><label>${user.phoneNum}</label></li>
                    <li class="b10">
                        <div class="edit_btn df_btn fl" id="edit_Account_btn">编辑<input type="hidden" id="edit_user" value="${user.uid}"></div>
                    </li>
                    <li class="b10">
                        <%--<div class="delete_btn df_btn fl" id="delete_Account_btn" >删除<span id="del_user" style="display: none">${user.uid}</span></div>--%>
                        <div class="delete_btn df_btn fl" id="delete_Account_btn" >删除<input id="del_user" style="display: none" value="${user.uid}"></div>
                    </li>
                </ul>
            </c:forEach>

js代码

$(".delete_Account_ok_btn").click(function () {
        $("#delete_Account").fadeOut(100);
        $.ajax({
            url: "/delete.action",
            type: "POST",
            data: {uid:$("#del_user").val()},
            dataType: "text",
            success: function (data) {
                if (data==="true"){
                    window.location.reload();
                }else{
                    alert(data)
                }
            }
        })
    })

解决方法

const editUid = $(this).find(".edit_user").val();

表格每行增加一个复选框，复选框值为待删除记录的 id，删除按钮根据复选框的值来删除，选多少删多少，没选就不删

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这篇文章讲的很详细，请看：如何使用jquery通过id值修改指定的input的value值

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^