温馨提示×

jquery获取table数据的方法有哪些

小亿
178
2023-08-09 21:08:48
栏目: 编程语言

JQuery提供了多种方法来获取table数据,以下是一些常用的方法:

  1. find():使用选择器选择表格中的元素,然后使用text()html()方法获取元素的内容。
var data = [];
$('#tableId').find('tr').each(function() {
var row = [];
$(this).find('td').each(function() {
row.push($(this).text());
});
data.push(row);
});
  1. children():选择表格中的直接子元素,然后使用text()html()方法获取元素的内容。
var data = [];
$('#tableId').children('tbody').children('tr').each(function() {
var row = [];
$(this).children('td').each(function() {
row.push($(this).text());
});
data.push(row);
});
  1. map():将表格中的元素映射为一个数组,然后使用text()html()方法获取元素的内容。
var data = $('#tableId tr').map(function() {
return $(this).find('td').map(function() {
return $(this).text();
}).get();
}).get();
  1. each():遍历表格中的每个元素,然后使用text()html()方法获取元素的内容。
var data = [];
$('#tableId tr').each(function() {
var row = [];
$(this).find('td').each(function() {
row.push($(this).text());
});
data.push(row);
});

以上是一些常用的方法,根据实际需求可以选择适合的方法来获取table数据。

0