关于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)
}
}
})
})