Javascript 从动态表中，保存主表中的单独表

假设我有一个动态表，类似这样（只是一个示例）：

第二个表格是：

HEADER 1
1   2   3   4   5   6   7   8

等等

注意：不能保证每个标题下只有一行。有些可能有多行

要获得第一张桌子，我可以执行以下操作：

var indexval = $(table).find('tr:contains("1")').index();

var firstTable = $(table).find('tr:lt('+indexval+')');

$('#testarea').html(firstTable);

我知道我称这些为“桌子”，这可能不正确。但是如何从“下一个”标题开始，然后转到后面的标题并保存“那个”表呢？最后，我会有一些小表格，我可以通过调用它们的变量名打印到屏幕上

演示：

var表=”；
对于（变量i=0；i<6；i++）{
表+=''；
表+=''；
表+='标题'+i+''
表+=‘一’；
表+=‘二’；
表+=‘三’；
表+=‘四’；
表+=‘五’；
表+=‘六’；
表+=‘七’；
表+=‘八’；
表+=''；
}
表+=''；
//$（'#testarea'）.html（表格）；
var indexval=$（表）.find（'tr:contains（“1”））.index（）；
var firstTable=$（table.find（'tr:lt（'+indexval+'））；
$（'#testrea'）.html（第一个表）
td，th{
最小宽度：50px；
}

将此内容读几遍，仍然无法准确地理解您正在尝试的内容do@charlietfl目标是分页。我有一个带有标题的大型动态表，它在下面“启动”了一个新的td数据集，我想将该表分成几个小表，在div中一次显示一个。第1页，第2页，第3页。。。现在我的分页只是每页抓取4行。但是，由于每个标题下的行数不同，这并不理想。这与示例代码有什么关系？顺便问一下，示例代码是无效的html，带有
包装
？谢谢。修复了包裹。我会试着修改这个问题。看看它，它并不是问题的核心。
HEADER 1
1   2   3   4   5   6   7   8

var indexval = $(table).find('tr:contains("1")').index();

var firstTable = $(table).find('tr:lt('+indexval+')');

$('#testarea').html(firstTable);