情况如图。下面是代码。<html><head> <script type="text/javascript" src="jquery-1.9.1/jquery.js"></script> <style type="text/css"> th,td{ border: 1px solid grey; } </style> <meta charset="utf-8"> </head><body> <table> <tr> <th>学号</th> <th>姓名</th> <th>操作</th> </tr> <tr> <td>xh001</td> <td>詹三</td> <td><a href="">删除</a></td> </tr> <tr> <td>xh002</td> <td>李三</td> <td><a href="">删除</a></td> </tr> <tr> <td><a href="">新增</a> </tr> </table> <script type="text/javascript"> var addnew=$("tr:contains('新增')"); var table1=$("table"); var num=3; $("tr").hover(function(){ $(this).css("background-color","grey") }, function(){ $(this).css("background-color","white") } ) addnew.bind("click",a1); function a1(){ num++; var newtr="<tr><td></td><td>name</td><td><a>删除</a></td></tr>"; $(addnew).before(newtr); } </script></body></html>
6 回答
七古龙东墙
TA贡献1条经验 获得超0个赞
<tr> <td>xh002</td> <td>李三</td> <td><a href="#">删除</a></td> </tr> <tr> <td>新增</td> </tr>
像之前回答过的，你不点新增直接点删除也跳转了
qq_冲哥_0
TA贡献40条经验 获得超30个赞
<td><a href="">新增</a> a 标签属性设置有问题，你设置空字符串，但在JS中，console.log(a.href)，它不是空，而是当前页面的地址， 在你的代码中， 你以没有阻止时间的默认行为。
你的代码是这样执行的，先增加一行，但a链接没有阻止事件的默认行为，所以他会发生跳转，你设置a链接为空值，实际上你设置他的地址是当前页面的地址，所以会跳转到当前页面，实际上是刷新了页面，
先增加一行，然后刷新了页面，就是你现在看到的动图。
1，如果a链接不需要， 设置href='#', 或直接不写href属性 <a>新增</a>
2， 不要忘记阻止事件的默认行为
添加回答
举报
0/150
提交
取消