Javascript 通过单击按钮而不是单击行来处理正在折叠的html表

我是Javascript新手，已经用jquery设置了下面的折叠表。这已经奏效了。我可以通过单击行来展开或折叠整个表或展开和折叠列

但这也会通过设置诸如BRS或set-see-HTML之类的选项来更改视图

我想要的是通过第一列中的按钮+来控制所有这些内容，请参见HTML

也许很简单，也许不简单。有人能帮我吗

谢谢

$document.readyfunction{ $'.expandable'.nextAll'tr'。每个函数{//在开始时隐藏所有 如果！$this.is'.expandable' $this.hide； }; $'.expandable'.clickfunction{//通过单击切换单个 $this.nextAll'tr'。每个函数{ 如果$this.is“.可扩展”{ 返回false；} $this.toggle； }; }; $“全部展开”。单击函数{///全部显示 $'.expandable'.nextAll'tr'。每个函数{ 如果！$this.is'.expandable' $this.show； }; }; $'collaps\u all'。单击函数{//全部隐藏 $'.expandable'.nextAll'tr'。每个函数{ 如果！$this.is'.expandable' $this.hide； }; } }; RestbusSimulationStation上CAN的配置页面 RSS 展开全部折叠全部 框架 身份证件 数据链路连接器 BRS 循环/秒 设置 信号 销售时点情报系统 位 选择： 计算机方法 枚举 EOCM_CAN8_MSG01 37 16 0.01 IHstVhPthCrvt 2. 15 EOCM_CAN8_MSG01 37 16 0.01 IHstVhPthCrvt 2. 15

---

请看一下这种方法。 而不是将单击处理程序附加到；我们正在将其附加到按钮，如$'。可扩展输入[type=button]”。单击。除此之外，代码的其余部分几乎与原来一样

$document.readyfunction{ $'.expandable'.nextAll'tr'.eachfunction{//hide all at start 如果！$this.is'.expandable' $this.hide； }; $'.可扩展输入[type=button]'。单击函数{//单击切换单个 var trElem=$this.closesttr； trElem.nextAll'tr'。每个函数{ 如果$this.is“.可扩展”{ 返回false； } $this.toggle； }; }; $“全部展开”。单击函数{///全部显示 $'.expandable'.nextAll'tr'.eachfunction{ 如果！$this.is'.expandable' $this.show； }; }; $'collaps\u all'。单击函数{//全部隐藏 $'.expandable'.nextAll'tr'.eachfunction{ 如果！$this.is'.expandable' $this.hide； }; } }; RestbusSimulationStation上CAN的配置页面 RSS 全部展开 全部崩溃 框架 身份证件 数据链路连接器 BRS 循环/秒 设置 信号 销售时点情报系统 位 选择： 计算机方法 枚举 EOCM_CAN8_MSG01 37 16 0.01 IHstVhPthCrvt 2. 15 EOCM_CAN8_MSG01 37 16 0.01 IHstVhPthCrvt 2. 15

---

伟大的这很有魅力！非常感谢。它也不会与表中没有的源代码进行交互。