Jquery removes a line of code from the table with the a tag
- 2020-03-30 00:41:52
- OfStack
<tr>
<td width="10%">
<s:property value="#owner.id" />
</td>
<td width="20%">
<s:property value="#owner.name" />
</td>
<td width="15%">
<s:property value="#owner.floor" />
</td>
<td width="15%">
<s:property value="#owner.number" />
</td>
<td width="20%">
<s:property value="#owner.telephone" />
</td>
<td width="20%" align="center">
<a href="addOwner.jsp"> add </a>|
<a href="javascript:void(0)" onclick="updateOwner(<s:property value="#owner.id" />,'<s:property value="#owner.name" />','<s:property value="#owner.floor" />','<s:property value="#owner.number" />','<s:property value="#owner.telephone" />')">
Modify the </a>|
<a href="javascript:void(0)" onclick="deleteOwner('<s:property value="#owner.id" />',this)"> delete </a>
</td>
</tr>
function deleteOwner(id,obj){
var o=$(obj);
if(confirm(" Sure to delete ?")){
$.post(
"deleteOwner!deleteOwner",
{id: id},
function(){
alert(" Delete the success !!!");
o.parents("tr").remove();
}
);
}
}
1. Because this is in the wrong place at the beginning, it won't work! Must pay attention to.
2. Directly use obj to report an error, and package it into object $(obj)