[原创]Jquery实现表格内容点击隐藏显示内容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[原创]Jquery实现表格内容点击隐藏显示内容相关的知识,希望对你有一定的参考价值。

1.首先看效果,点击红色字体,可是查看全部文字内容

技术分享

2.JS实现

思路:Ajax获得的数据,一份截取,一份不变,放到td里面,分别用span装着.

然后通过display属性,进行切换

技术分享

技术分享

技术分享

以上是关于[原创]Jquery实现表格内容点击隐藏显示内容的主要内容,如果未能解决你的问题,请参考以下文章

DIV,CSS如何实现“加减号”“显示隐藏”效果

html table 如何用按钮显示和隐藏表格中的内容?

jquery有选择性的增加和删除表格

怎样判断jQuery 元素是不是显示与隐藏

jquery显示隐藏div

jQuery点击当前元素显示其他元素隐藏