DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery通過a標簽刪除table中的一行的代碼
jquery通過a標簽刪除table中的一行的代碼
編輯:JQuery特效代碼     
. 代碼如下:
<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">添加</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" />')">
修改</a>|
<a href="javascript:void(0)" onclick="deleteOwner('<s:property value="#owner.id" />',this)">刪除</a>
</td>
</tr>

. 代碼如下:
function deleteOwner(id,obj){
var o=$(obj);
if(confirm("確定刪除?")){
$.post(
"deleteOwner!deleteOwner",
{id: id},
function(){
alert("刪除成功!!!");
o.parents("tr").remove();
}
);
}
}

1.剛開始因為this放錯位置了,死活不成功!得注意。

2.直接用obj報錯,要將其打包成對象$(obj)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved