前端開發中常用到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選中獲取表格信息的方法,通過這種方式可以方便的進行表格數據的操作和處理。