在 Web 开发中,我们经常会使用表格来展示和处理数据。当需要获取表格的某一列或某一行时,我们可以通过 jQuery 来实现。
获取指定行的数据
要获取表格中的某一行数据,我们可以使用 eq()
方法指定行索引,然后再使用 find()
方法获取该行的所有单元格:
var rowIndex = 0; // 获取第一行数据 var row = $('table tr').eq(rowIndex); var tdArr = row.find('td');
上述代码会返回一个包含该行所有单元格的数组。
获取指定列的数据
要获取表格中的某一列数据,我们可以使用 :nth-child()
伪类选择器指定列索引,然后遍历每一行获取该列的单元格:
var colIndex = 0; // 获取第一列数据 var tdArr = []; $('table tr').each(function() { var td = $(this).find('td').eq(colIndex); tdArr.push(td); });
上述代码会返回一个包含该列所有单元格的数组。
示例代码
下面是一个完整的示例代码,包括了获取表格中任意单元格的方法:
-- -------------------- ---- ------- --------- ----- ------ ------ --------------------- ----- ---------------- ------- ----------------------------------------------------------- ------- ------ ------- ------- ---- ----------- ----------- ----------- ----- -------- ------- ---- ----------- ----------- ----------- ----- ---- ----------- ----------- ----------- ----- ---- ----------- ----------- ----------- ----- -------- -------- -------- -- -------- --- -------- - -- -- ------- --- --- - -------- ------------------ --- ------ - --------------- -- -------- --- -------- - -- -- ------- --- ------ - --- -------- -------------------- - --- -- - -------------------------------- ---------------- --- -- ---------- --- ---------- - -- -- ---------- --- ---------- - -- -- ---------- --- ----- - -------- ------------------------------------- --- ----- - -------- ------------------------------------- -------------------- -- ---- --- --- -------------------- -- ---- --- --- -------------------------- -- -- -------------------------- -- -- --------- ------- -------
总结
使用 jQuery 获取表格的数据非常方便,可以通过指定行索引、列索引或单元格坐标来获取任意位置的数据。在实际工作中,我们经常会用到这些方法,希望本文能对读者有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/30458