html 可以折叠的表格,javascript – html5 – 如何折叠和扩展复杂的表格元素

如何将自定义数据属性添加到要控制的单元格？

实例

https://jsfiddle.net/knspgwkq/7/

您的父母将拥有一些关键值的数据可折叠父项.

而您希望隐藏/显示上述父级的孩子将保存与父级具有相同键值的data-collapsable-child.

如果您需要额外的折叠扩展元素,请查看此示例

通过单击参数1,然后单击Sub参数(2)将打开其他元素.

$('[data-collapsable-parent]').click(function(){

var child = $(this).attr("data-collapsable-parent");

$('[data-collapsable-child="'+ child + '"]').toggle('slow');

});

[data-collapsable-child] {

display: none;

}

Summary 1	1 st level
	Parameter 1
	Sub level-1	Sub parameter (1)
		Sub parameter (2)
	Parameter 2

html 可以折叠的表格,javascript – html5 – 如何折叠和扩展复杂的表格元素相关推荐

Tabulator 交互式数据表格 javascript 库示例
在本JavaScript 教程中,我们将看到如何使用tabulator js.在这个tabulator js 示例或tabulator js 教程中,我们将看到如何使用 tabulator js 立 ...
html5 表单必填项,javascript - HTML5表单必填属性。设置自定义验证消息？
javascript - HTML5表单必填属性. 设置自定义验证消息? 我有以下HTML5表格:[http://jsfiddle.net/nfgfP/] ***** 目前当我在空白时点击输入时,会出 ...
Gantt Chart in JavaScript (HTML5) | FusionCharts
Gantt Chart in JavaScript (HTML5) | FusionCharts
JavaScript / HTML5中的音效
本文翻译自:Sound effects in JavaScript / HTML5 I'm using HTML5 to program games; 我正在使用HTML5来编写游戏; the obs ...
html5时间画布走动,javascript+HTML5 canvas绘制时钟功能示例
本文实例讲述了javascript+HTML5 canvas绘制时钟功能.分享给大家供大家参考,具体如下: 效果如下: 代码: www.jb51.net canvas绘制时钟 div{text-ali ...
html复制文字兼容手机,JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)...
新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了.写出了总结下使用的方法:clipboard 插件下载地址:https://github.com/zenorocha/clipb ...
html 表格文字颜色 css,CSS 表格-JavaScript中文网-JavaScript教程资源分享门户
使用 CSS 可以使 HTML 表格更美观. Company Contact Country Alfreds Futterkiste Maria Anders Germany Berglunds sn ...
html中选择日期怎么实现,JavaScript+HTML5实现的日期比较功能示例
本文实例讲述了JavaScript+HTML5实现的日期比较功能.分享给大家供大家参考,具体如下: 这里要在前面的文章<JavaScript实现设置默认日期范围为最近40天的方法>基础之上 ...
JavaScript学习笔记：动态添加与删除表格行
文章目录一.添加表格行与单元格二.动态删除表格行与单元格三.案例演示1 四.案例演示2 一.添加表格行与单元格 Javascript可以控制table,动态的插入行和单元格.rows保存着< ...

html 可以折叠的表格,javascript – html5 – 如何折叠和扩展复杂的表格元素

html 可以折叠的表格,javascript – html5 – 如何折叠和扩展复杂的表格元素相关推荐

最新文章

热门文章