1.首先看效果,点击红色字体,可是查看全部文字内容
![[原创]Jquery实现表格内容点击隐藏显示内容](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85NDIzODUvMjAxNjA1Lzk0MjM4NS0yMDE2MDUxOTE3Mjc1OTEwNy0xNjk3MTc0MjA3LnBuZw%3D%3D.png?w=700&webp=1 "[原创]Jquery实现表格内容点击隐藏显示内容")
2.JS实现
思路:将Ajax获得的数据,一份截取,一份不变,放到td里面,分别用span装着.
然后通过display属性,进行切换
![[原创]Jquery实现表格内容点击隐藏显示内容](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85NDIzODUvMjAxNjA1Lzk0MjM4NS0yMDE2MDUxOTE3MzIxMDEwNy0yMDQ3NDc3Njk2LnBuZw%3D%3D.png?w=700&webp=1 "[原创]Jquery实现表格内容点击隐藏显示内容")
![[原创]Jquery实现表格内容点击隐藏显示内容](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85NDIzODUvMjAxNjA1Lzk0MjM4NS0yMDE2MDUxOTE3MzIxNzc0OC0xMjc3NTM5NjY0LnBuZw%3D%3D.png?w=700&webp=1 "[原创]Jquery实现表格内容点击隐藏显示内容")
![[原创]Jquery实现表格内容点击隐藏显示内容](https://image.miaokee.com:8440/aHR0cDovL2ltYWdlczIwMTUuY25ibG9ncy5jb20vYmxvZy85NDIzODUvMjAxNjA1Lzk0MjM4NS0yMDE2MDUxOTE3MzIyMzc2My0xMTEyNDgyMzM2LnBuZw%3D%3D.png?w=700&webp=1 "[原创]Jquery实现表格内容点击隐藏显示内容")
相关文章
- html+jquery/js+css 实现Table tr鼠标悬停/点击出现弹窗，显示表格行数据
- Vue中如何实现点击按钮显示内容，点击内容或内容之外的区域隐藏内容
- 小程序点击显示隐藏（点击标题，内容显示，再次点击隐藏，同时切换箭头的状态，且默认第一组的内容显示）
- 解决html表格中内容超出不强制换行和超出宽度自动隐藏并显示省略号
- table中td文字超出长度用省略号隐藏超出内容，鼠标点击内容全部显示
- [JS&Jquery]实现页面表格中相同内容的行或列合并
- [原创]Jquery实现表格内容点击隐藏显示内容
- js实现点击一个框的内容，其内容就显示在另一个框中（onchange事件）
- 可编辑的表格：jQuery+PHP实现实时编辑表格字段内容
- 点击当前选项显示当前内容jquery