发现一个代码比较少，也比较使用的方法
<table class="table table-hover text-center"><tr><th style="text-align:center;">职业</th><th style="text-align:center;">热门职业</th><th style="text-align:center;">操作</th></tr><c:forEach items="${map.xxx}" var="list"> <tr id="tr_${list.id}" style="border-bottom: 1px solid #DDDDDD;"><td style="display: none;">${list.id}</td><td>${list.occupation}</td><td><c:if test="${list.xxx==1}">不热门</c:if><c:if test="${list.xxx==2}">热门</c:if></td><td><div class="button-group"> <a class="button border-yellow" href="#" οnclick="return del(${list.id})"><span class="icon-plus-square-o"></span>删除</a></div></td></tr></c:forEach> </table>这里我们可以看到我们利用的我们在后台得到的 id 进行操作，个人感觉很方便也很实用 用ajax删除数据库同时删除当前行，并且还不影响当前分页，感觉还是不错的
//单个删除
function del(id){if(confirm("您确定要删除吗?")){var url = "/backstage/xxx/";$.ajax({url : url,type : "post",data : {"xx" :xx},success : function(job) {if (job==xxx) {var tr = document.getElementById("tr_"+id);tr.parentNode.removeChild(tr);}else {alert("删除失败，请重试!");}}});}
}
<body>
<table border="1"><tr><th>ID</th><th>标题</th><th>时间</th><th>操作</th></tr><tr id="tr_1"><td>1</td><td>标题1</td><td>时间1</td><td><a href="javascript:void(0)" οnclick="del_tr(1)">删除</a></td></tr><tr id="tr_2"><td>2</td><td>标题2</td><td>时间2</td><td><a href="javascript:void(0)" οnclick="del_tr(2)">删除</a></td></tr><tr id="tr_3"><td>3</td><td>标题3</td><td>时间3</td><td><a href="javascript:void(0)" οnclick="del_tr(3)">删除</a></td></tr><tr id="tr_4"><td>4</td><td>标题4</td><td>时间4</td><td><a href="javascript:void(0)" οnclick="del_tr(4)">删除</a></td></tr>
</table>
</body>
<script>
function del_tr(id){var tr = document.getElementById("tr_"+id);tr.parentNode.removeChild(tr);
}
</script>