<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table{text-align: center; width: 1200px; margin: 0px auto;}
tr{height: 50px;}
td{margin-left: 15px;margin-right: 15px;}
#dsp{background: #EBE7DC;}
</style>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<table id="aaa"border="0" cellspacing="0">
<tr id="dsp">
<td><input type="checkbox"/>姓名</td>
<td>性别</td>
<td>卡号</td>
<td>会员级别</td>
<td>电话号码</td>
<td>出生年月</td>
<td>消费金额</td>
</tr>
<tr>
<td><input type="checkbox"/>张三</td>
<td>男</td>
<td>622202110203675</td>
<td>短工</td>
<td>12312312312</td>
<td>1995-12-05</td>
<td>10,000.00</td>
<td><img src="images/add.jpg"/> <img src="images/del.jpg" class="pic"/></td>
</tr>
<tr>
<td><input type="checkbox"/>张三</td>
<td>男</td>
<td>622202110203675</td>
<td>短工</td>
<td>12312312312</td>
<td>1995-12-05</td>
<td>10,000.00</td>
<td><img src="images/add.jpg"/> <img src="images/del.jpg" class="pic"/></td>
</tr>
<tr>
<td><input type="checkbox"/>张三</td>
<td>男</td>
<td>622202110203675</td>
<td>短工</td>
<td>12312312312</td>
<td>1995-12-05</td>
<td>10,000.00</td>
<td><img src="images/add.jpg"/> <img src="images/del.jpg" class="pic"/></td>
</tr>
</table>
<a style="color: #12A0CF;text-decoration: none;" href="#">新增</a>
<script type="text/javascript">
$("tr:odd").attr({"style":"background: #FAF3E9"})
$(".pic").click(function(){
$(this).parent().parent().remove()
})
$("a").click(function(){
$("tr:eq(1)").clone(true).appendTo("table")
$("#dsp~tr:odd").attr({"style":""})
})
</script>
</body>
</html>