前端案例：使用js实现表格对应行删除、排序、筛选

页面中如下格式的人员信息表格:

表格每行的HTML结构为:

  2 李斯 43 陕西

假定表格的元素id为person-list,奇数行的class名为odd。 请实现如下功能:

1、选中单选框,点击删除时对应行消失;
2、点击排序时,按照升序对表格中的每一行进行排序;
3、点击筛选,籍贯处会变成一个下拉框,选项值为当前表格中锁包含的省份名称,选中某个省份,展示对应省份的人员信息

实现代码：

    
 
 
 
 
 删除 
 
序号
 
姓名
 
年龄 排序 
 
籍贯 筛选 
 
 
 
 
 
  
 
1
 
张三
 
24
 
北京
 
 
 
 
 
2
 
李斯
 
43
 
陕西
 
 
 
 
 
3
 
韩信
 
49
 
湖北
 
 
 
 
 
4
 
宋江
 
43
 
山东
 
 
 
 
 
5
 
李逵
 
38
 
青海
 
 
 
 
 
6
 
林冲
 
42
 
北京
 
 
 

相关推荐：

javascript实现可全选、反选及删除表格的方法

JS实现的表格操作类详解(添加，删除，排序，上移，下移)

以上是前端案例：使用js实现表格对应行删除、排序、筛选的详细内容。更多信息请关注PHP中文网其他相关文章！