巧用Jquery提取Html表格中的数据

更新: 2016-11-28 02:30 编辑:生活经验

在程序开发中,有时我们需要提取HTML页面上的一些数据。当然除了传统的办法,如使用正则表达式提取外,还有其它简便的办法,这里介绍如何使用Jquery来分析提取相应的数据。

我们先来看一下这个HTML文档的代码结构。

巧用Jquery提取Html表格中的数据

巧用Jquery提取Html表格中的数据

使用文本编辑器创建如下HTML表格格式的代码,如图:

巧用Jquery提取Html表格中的数据

1.在表格开始标记前加入一个按钮;

2.并给表格设置一个ID的属性。

如图所示。

巧用Jquery提取Html表格中的数据

1.引用JQuery JS文件,JQuery 是一个JS框架,我们这里需要用到这个框架里面的一些东西,所以必须引入。这里直接使用了百度提供的JQuery。

2.编写相应的代码。如图所示。

巧用Jquery提取Html表格中的数据

完成后,保存文件。

然后用FireFox浏览器打开这个文件。

可以看到,已经将HTML表格中数据提取为格式化的数据了。

巧用Jquery提取Html表格中的数据

巧用Jquery提取Html表格中的数据

需要一定编程基础