如何使用jquery获取表行数据

我有一张表如下：

 
 
 
 
 123456 
 
 
 
 
 
 
 
 
 100012 
 
 
 
 
 
 
  

我可以使用以下脚本来获取tbody而不是tr或td

 $("document").ready(function(){ var tb = $('.layui-table-main table:eq(0) tbody'); console.log(tb); var size=tb.find("tr").length; console.log(size); }); 

我一直试图做的是获得每个td的价值。 我怎么能得到它们？

Answer 1

您可以在tbody上找到使用.find("tr")的tr列表，然后遍历结果以获取每一行。 在该循环中，您可以在每一row上使用.find("td")找到td列表。 请参阅下面的实施。

 $("document").ready(function() { var tb = $('.layui-table:eq(0) tbody'); var size = tb.find("tr").length; console.log("Number of rows : " + size); tb.find("tr").each(function(index, element) { var colSize = $(element).find('td').length; console.log(" Number of cols in row " + (index + 1) + " : " + colSize); $(element).find('td').each(function(index, element) { var colVal = $(element).text(); console.log(" Value in col " + (index + 1) + " : " + colVal.trim()); }); }); }); 

  
 
 
 
 
 123456 
 
 
 
 
 
 
 
 
 100012