jquery实现多余文字显示或隐藏
来源:互联网 发布:mac黑屏不开机怎么办 编辑:程序博客网 时间:2024/05/17 00:39
- 实现目标:在一单元格中显示部分内容,多余出来的内容隐藏,在显示的内容后面有省略号与显示按钮,点击显示后,显示全部文字,并显示隐藏按钮,javascript代码如下:
- // 每行显示21个字,超过省略,用查看更多
- var disLen = 29;
- var len = detail.length;
- if (len > disLen) {
- detail ="<div>" + detail.substring(0, disLen) + "<span style='font-size:25px' class='hide" + i + "'>...</span><span class='hide" + i
- + "' style = 'display:none'>" + detail.substring(disLen + 1, len)
- + "</span> </div><div><a href='#youhui' onclick='showHideCode(" + i + ")'><span class='hide" + i
- + "'>查看更多</span><span class='hide" + i + "' style = 'display:none'>隐藏</span></a></div>";
- }
- function showHideCode(i) {
- $(".hide" + i).toggle();
- }
0 0
- jquery实现多余文字显示或隐藏
- jquery实现多余文字显示或隐藏
- 文字在一行显示,多余的隐藏
- css 文字第二行多余文字隐藏后面小数点显示
- jquery的toggle实现文字隐藏与显示
- html 隐藏多余文字
- css隐藏多余文字
- 纯css控制文字2行显示多余部分隐藏
- jquery显示或隐藏元素
- JS加jquery实现标签元素的显示或隐藏
- 隐藏多余的文字变为...
- 如何让div中的文字只显示一行,多余的文字隐藏并加上省略号
- 如何让div中的文字只显示一行,多余的文字隐藏并加上省略号 .
- 如何实现textview多余文字的水平滚动显示
- 用js实现段落多余文字省略显示
- html非文本只显示一行,多余隐藏的实现
- JS/JQuery显示或隐藏文本方法
- js/jquery操作div显示或隐藏
- 1. Two Sum
- [LeetCode] Valid Sudoku
- 图像有用区域 bfs
- 自学Swift-UIKit
- java语言实现创建型设计模式—创建者模式
- jquery实现多余文字显示或隐藏
- virtualbox中centos装VBOXADDITIONS的注意事项
- p123 36
- c++模板详解(一)
- JSP总结
- 抽象类abstract
- jquery操作下拉列表select
- POJ 3984 迷宫问题 BFS 记录路径
- 多线程编程(1) - 先入门再说