jquery 动态删除tr行数据

feilonglulu

于 2013-08-14 17:32:58 发布

阅读量7.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jquery/js

本文链接：https://blog.youkuaiyun.com/likblog/article/details/9968375

jquery/js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何利用jQuery实现动态删除HTML表格中的TR行数据，通过具体的代码示例展示删除操作的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery代码：

$('.del').click(function() {
			var stuid = $(this).parent().parent().attr("id");
			$.post(ctx + '/del?stuid=' + stuid,function(data) {
				if(data.result == "ok"){
					$("#" + stuid).fadeOut("slow", function (){
					    $(this).remove();
					});
    			} else if(data.result == "error"){
    				alert("删除出错！");
    			} 
			});
		});

jsp代码：

<table class="altrowstable" id="alternatecolor">
			<tr>
				<th>编号</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>地址</th>
				<th>管理员</th>
				<th>操作</th>
			</tr>
			<c:forEach items="${stuList}" var="stu" varStatus="st">
				<tr id="${stu.id }">
					<td>${st.index+1 }</td>
					<td><a href="" class="update" title="修改">${stu.name }</a></td>
					<td>${stu.age }</td>
					<td>${stu.address }</td>
					<td>
						<c:if test="${stu.isadmin == '0' }">
							否
						</c:if>
						<c:if test="${stu.isadmin == '1' }">
							是
						</c:if>
					</td>
					<td><a href="#" class="del">删除</a></td>
				</tr>
			</c:forEach>
		</table>