您的位置：首页 > Web前端 > JQuery

jquery如何在对表格添加删除后再对其前面加上顺序的序列号

2013-04-19 19:56 399 查看

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function del(obj){
$(obj).parents("tr").siblings().each(function(i){
$(this).find("td").eq(0).html(i+1)
})
$(obj).parents("tr").remove();
}
</script>
</head>
<body>
<table>
<tr><td>1</td><td>a</td><td><a onclick="del(this)">删除</a></td></tr>
<tr><td>2</td><td>b</td><td><a onclick="del(this)">删除</a></td></tr>
<tr><td>3</td><td>c</td><td><a onclick="del(this)">删除</a></td></tr>
<tr><td>4</td><td>d</td><td><a onclick="del(this)">删除</a></td></tr>
<tr><td>5</td><td>a</td><td><a onclick="del(this)">删除</a></td></tr>
<tr><td>6</td><td>b</td><td><a onclick="del(this)">删除</a></td></tr>
<tr><td>7</td><td>c</td><td><a onclick="del(this)">删除</a></td></tr>
<tr><td>8</td><td>d</td><td><a onclick="del(this)">删除</a></td></tr>

</table>
</body>
</html>
<script type="text/javascript">
/**遍历添加动态也可以*/
/*$('table a').each(function(){

$(this).click(function(){

$(this).parents("tr").siblings().each(function(i){

$(this).find("td").eq(0).html(i+1)
})
$(this).parents("tr").remove();

})

})*/
</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航