Linux 拨号vps windows公众号手机端

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

lewis 7年前 (2019-01-11) 阅读数 14 #程序编程
文章标签 jquery

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数据。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门