jquery获取table数据的方法有哪些-开发者知识库平台

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

jquery

850

2023/7/19 21:08:48

栏目: 编程语言

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

find()：使用选择器选择表格中的元素，然后使用text()或html()方法获取元素的内容。

var data = [];
$('#tableId').find('tr').each(function() {
var row = [];
$(this).find('td').each(function() {
row.push($(this).text());
});
data.push(row);
});

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);
});

map()：将表格中的元素映射为一个数组，然后使用text()或html()方法获取元素的内容。

var data = $('#tableId tr').map(function() {
return $(this).find('td').map(function() {
return $(this).text();
}).get();
}).get();

each()：遍历表格中的每个元素，然后使用text()或html()方法获取元素的内容。

var data = [];
$('#tableId tr').each(function() {
var row = [];
$(this).find('td').each(function() {
row.push($(this).text());
});
data.push(row);
});

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

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

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

最新知识库

相关标签