展开/折叠表数据

时间:2018-07-20 09:17:56

标签: javascript jquery html css

过去几天,我已经开始深入研究HTML + CSS + JS,我很好奇,如果我单击第一个表数据,是否有可能扩展和折叠其余表数据我的表格行。

我已经尝试过使用多种组合,但无法成功,因此我想了解是否真的有可能,或者我需要进一步改进:)

谢谢!

https://jsfiddle.net/p9mtqhm7/553/

如果我点击说-AUSDe451或AUSDe441,则相应的其余列应该是展开或折叠[i.e LAMP 6.93817139 & 51_REGALIA 456.352],如果我单击-AUSDe451]应该展开/折叠

1 个答案:

答案 0 :(得分:1)

您的点击处理程序有点错误!

在处理.server-name元素上的单击时,函数内部的$(this)指的是已单击的项目,在本例中为.server-name表行。

运行$(this).find(...)时,您正在查找表行的子元素,该子元素不存在。因此,与其使用$(this).find(...),不如应该在DOM中寻找其他地方。

此外,您似乎正在搜索span元素,这些元素在HTML标记中不存在,因此该函数的任何部分将永远不会返回任何内容。