jQuery数据表格（点击表头排序，有点问题）

最新推荐文章于 2021-06-22 10:40:28 发布

Fly_Sky520

最新推荐文章于 2021-06-22 10:40:28 发布

阅读量2.9k

点赞数

分类专栏： Javascript学习笔记文章标签： jquery function stylesheet html class input

本文链接：https://blog.csdn.net/Fly_Sky520/article/details/5771724

版权

这篇博客介绍了一段jQuery代码，用于实现HTML表格的排序功能。当用户点击表头时，根据指定列的内容对表格行进行升序或降序排序。此外，代码还包含了行的奇偶交替颜色、鼠标悬停效果以及输入框过滤功能。

摘要由CSDN通过智能技术生成

html代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Table</title> <link href="../css/table.css" mce_href="css/table.css" rel="stylesheet" type="text/css" /> <mce:script src="../js/jquery-1.3.1.js" mce_src="js/jquery-1.3.1.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- $(function(){ $("tr:even").addClass("even"); $("tr:odd").addClass("odd"); $("tbody>tr").hover(function(){ $(this).addClass("selected"); }, function(){ $(this).removeClass("selected"); }); $(":input").keyup(function(){ $("tbody tr").hide().filter(":contains('" + ($(this).val()) + "')").show(); });

最低0.47元/天解锁文章

Fly_Sky520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
jQuery数据表格（点击表头排序，有点问题）

筛选：姓名性别暂住地张山男浙江宁波李四女浙江杭州王五男湖南长沙赵六男浙江温州Rain男浙江杭州MAXMAN女浙江杭州王六男浙江杭州李字女浙江杭州1男湖南长沙2女浙江杭州4男浙江杭州3女浙江杭州5男湖南长沙
复制链接

扫一扫

专栏目录