jquery删除记录至少保留一条 使用length判断|三体教程
文章目录

jquery删除记录至少保留一条 使用length判断

这个问题是今天碰到的,所以就分享出来。

页面上有多条记录,可以对每条记录进行删除。

但是必需得保留一条,也就是说当删最后一条记录的时候弹出提示,告诉用户不能删除,至少要保留一条。

下面为完整代码。

html代码<table border="1">
  <tr>
     	<td>记录1</td>
     	<td><a href="javascript:;" class="dellist">删除</a></td>
     </tr>
  <tr>
     	<td>记录2</td>
     	<td><a href="javascript:;" class="dellist">删除</a></td>
     </tr>
  <tr>
     	<td>记录3</td>
     	<td><a href="javascript:;" class="dellist">删除</a></td>
     </tr>
  </table>
  <script>
  $(".dellist").on("click",function(){
  if (confirm("确认删除吗?")){
  if ($(".dellist").length==1){
  alert("删除失败,必须至少保留一条记录。");
  return false;
  }else{
  $(this).parent().parent().remove();
  }
  }
  });
  </script>
亲自测试一下

最主要的就是我们给每一个删除按钮加了一个“dellist”样式,用于区分。

删除的时候对其带有“dellist”样式的元素进行each遍历,使用length获取元素个数。

如果等于1,说明只剩下一条记录了,这时候就弹出提示并return false。

最好加上confirm,让用户再次确认,以免误删除。

本文网址:http://www.santii.com/article/171.html


数据更新时间:2018-05-21