Javascript 实现预构建表的属性

我正在使用一个软件自动生成一个包含数据的表，我正在尝试添加一些扩展/折叠功能。我无法更改在软件中创建表的方式，因此我尝试的选项是使用jQuery添加特定的类名和属性

我正在尝试重新创建以下插件使用的布局：，但是这可能不是最好的方法

这是软件生成的表：

标题
价值
父母1
123
元素2
123
元素3
123

您在问题上加了标签，因此答案是

非-

答案：

迭代您的行

检查

td

是否携带一类

oh

。如果是，则使用递增计数器应用标题类和

数据-

属性。递增

父级

计数器

检查

td

是否携带一类

lc

。如果是，则使用递增计数器以及递增的父计数器应用子类和

数据-

属性。不要增加

父计数器的值

以下是一个尝试：

var rows=document.querySelectorAll（'table[LID=“exampleRS”]tr'），
cols，data=0，parent=0；
对于（var i=0；i0）{//如果找到。。
parent=data；//递增父计数器
行[i].setAttribute（'data-id'，++data）；//递增地设置数据id attibute
行[i].setAttribute（'data-parent'，''）；//重置数据父属性
行[i].classList.add（'parent'）；//添加类以将其显示为父类
} 
//用一类lc搜索td
cols=rows[i].querySelectorAll（'td.lc'）；
如果（cols.length>0）{//如果找到。。。
行[i].setAttribute（'data-id'，++data）；//递增地设置数据id attibute
行[i].setAttribute（'data-parent'，parent）；//设置数据父属性
行[i].classList.add（'child'）；//添加类以将其显示为父类
}
}

.parent{font-weight:bold；}
.child{font-style:italic；}

标题
价值
父母1
123
元素2
123
元素3
123
父母1
123
元素2
123
元素3
123

您在问题上加了标签，因此答案是

非-

答案：

迭代您的行

检查

td

是否携带一类

oh

。如果是，则使用递增计数器应用标题类和

数据-

属性。递增

父级

计数器

检查

td

是否携带一类

lc

。如果是，则使用递增计数器以及递增的父计数器应用子类和

数据-

属性。不要增加

父计数器的值

以下是一个尝试：

var rows=document.querySelectorAll（'table[LID=“exampleRS”]tr'），
cols，data=0，parent=0；
对于（var i=0；i0）{//如果找到。。
parent=data；//递增父计数器
行[i].setAttribute（'data-id'，++data）；//递增地设置数据id attibute
行[i].setAttribute（'data-parent'，''）；//重置数据父属性
行[i].classList.add（'parent'）；//添加类以将其显示为父类
} 
//用一类lc搜索td
cols=rows[i].querySelectorAll（'td.lc'）；
如果（cols.length>0）{//如果找到。。。
行[i].setAttribute（'data-id'，++data）；//递增地设置数据id attibute
行[i].setAttribute（'data-parent'，parent）；//设置数据父属性
行[i].classList.add（'child'）；//添加类以将其显示为父类
}
}

.parent{font-weight:bold；}
.child{font-style:italic；}

标题
价值
父母1
123
元素2
123
元素3
123
父母1
123
元素2
123
元素3
123

工作示例：

$（文档）.ready（函数（）{
var lastParentId=0；
$（“[lid='exampleRS']tr”）。每个（函数（）{
var index=$（this.index（）；
如果（指数=0）返回；
$（this.attr（“数据id”，索引）；
$（this.attr（“数据父项”，即“”）；
if（$（this）.find（“.lc”）.length>0）{
$（this.attr（“数据父项”，lastParentId）；
}否则{
lastParentId=$（this.index（）；
}
});
$（“[lid='exampleRS']”）addClass（“可折叠”）；
$（'.collaptable'）.a可折叠({
startCollapsed：是的，
addColumn:false，
加号按钮：“”，
默认按钮：“”
});
});
标题
价值
父母1
123
元素2
123
元素3
123

工作示例：

$（文档）.ready（函数（）{
var lastParentId=0；
$（“[lid='exampleRS']tr”）。每个（函数（）{
var index=$（this.index（）；
如果（指数=0）返回；
$（this.attr（“数据id”，索引）；
$（this.attr（“数据父项”，即“”）；
if（$（this）.find（“.lc”）.length>0）{
$（this.attr（“数据父项”，lastParentId）；
}否则{
lastParentId=$（this.index（）；
}
});
$（“[lid='exampleRS']”）addClass（“可折叠”）；
$（'.collaptable'）.a可折叠({
startCollapsed：是的，