大神!请注意看这行代码,通过ajax append出来的查所有数据,我在tr中设置了一个id,想要在删除时删除某一条数据,但问题来了
$.get("${pageContext.request.contextPath}/person/queryAllPerson",
function (arr) {
for (var i = 0;i < arr.length;i++){
$("#tab1").append("<tr><td id='perIds' >"+arr[i].id+"</td><td>"+arr[i].name+"</td><td>"+arr[i].mobile+"</td><td>"+arr[i].telphone+"</td><td>"+arr[i].email+"</td><td>"+arr[i].city+"</td><td>"+arr[i].birthday+"</td><td><a id='update' href='javascript:void(0)'>修改</a><a id='delete' href='javascript:void(0)'>删除</a></td></tr>");
}
},
"json"
);
我点击删除按钮,alert出来的属性,获取的每次都是删除第一行时的id,求大神解决!!!
`
alert($("#perIds").html());
照你的写法,页面上有多个相同的ID为perIds的dom元素,当然只能获取第一个了,你把id改成不一样就行了
https://blog.csdn.net/qq_40159861/article/details/80006922
看 js 拼接的 td 的 id 固定成了 preIds 了,就是每次加入的元素的 id 都是相同的,应该用动态生成 id 的方式,而且将 id 加在 tr 元素上,修改方法带上这个:
arr[i].id 的值,然后在函数中就可以操作了:
<tr id='row'"+arr[i].id+"'><td>"+arr[i].id+"</td>
<a href='update(\"+arr[i].id+"\"')>修改</a>"
函数中:
function update(id){
$("#row"+id) 定位到改行就好了。
}