jquery得到table数据

最新推荐文章于 2025-05-25 22:25:08 发布

原创最新推荐文章于 2025-05-25 22:25:08 发布 · 5.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#table #jquery #input #function

前端技术专栏收录该内容

87 篇文章

订阅专栏

本文介绍了一个用于从HTML表格中获取数据的JavaScript函数。该函数可以遍历指定表格ID的所有行和列，并通过特定的分隔符组织数据。同时，它还能够过滤掉'全选'选项并处理不同类型的单元格内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.过滤“全选”例;

2.表格分隔符“tdslip”;

3.行分隔符“trslip”;

4.""用" "代替。

//作者：ikmb@163.com //参数：tid表格ID function get_table_data(tid) { var t_data = ""; var f = -1; var td_data_temp = ""; //tr $("#" + tid).find("tr").each(function(i) { if ($("#" + tid).find("tr:eq(" + i + ")").find("td").length != 0) { //td $("#" + tid).find("tr:eq(" + i + ")").find("td").each(function(j) { if ($(this).css("display") != "none") { if ($(this).find("input[type='text']").length == 0) { td_data_temp = ($(this).text() == "" ? " " : $(this).text()); } else { td_data_temp = ($(this).find("input[type='text']:eq(0)").val() == "" ? " " : $(this).find("input[type='text']:eq(0)").val()); } if (td_data_temp.toString().indexOf("全选") != -1) { f = j; } else { if (f != j) t_data += td_data_temp + "tdslip"; } } }); //alert(t_data); } else { //th $("#" + tid).find("tr:eq(" + i + ")").find("th").each(function(j) { if ($(this).css("display") != "none") { if ($(this).find("input[type='text']").length == 0) { td_data_temp = ($(this).text() == "" ? " " : $(this).text()); } else { td_data_temp = ($(this).find("input[type='text']:eq(0)").val() == "" ? " " : $(this).find("input[type='text']:eq(0)").val()); } if (td_data_temp.toString().indexOf("全选") != -1) { f = j; } else { if (f != j) t_data += td_data_temp + "tdslip"; } } }); } t_data += "trslip"; }); return t_data; }