前端开发中常用到jquery来进行元素选中和操作,其中也包括表格的操作。下面介绍使用jquery来选中获取表格信息的方法。
// html代码如下:<table><thead><tr><th>姓名</th><th>年龄</th><th>性别</th></tr></thead><tbody><tr><td>小明</td><td>18</td><td>男</td></tr><tr><td>小红</td><td>17</td><td>女</td></tr></tbody></table>//选中表格行代码如下:$('table tbody tr')//选中表格第一行第二列的值代码如下:$('table tbody tr:first td:eq(1)').text()//选中表格第二行第一列的值代码如下:$('table tbody tr:eq(1) td:first').text()//获取表格所有行的内容代码如下:$('table tbody tr').each(function(){// 获取当前行的所有单元格var tds = $(this).children('td');// 分别取出每个单元格的内容var name = $(tds[0]).text();var age = $(tds[1]).text();var sex = $(tds[2]).text();console.log(name + ' ' + age + ' ' + sex);});
以上就是使用jquery选中获取表格信息的方法,通过这种方式可以方便的进行表格数据的操作和处理。