jquery实现字数限制，超过部分...代替，后缀点击展开，点击后展开全文

<script type="text/javascript">$(function(){$("p").each(function(){var maxwidth=60;//设置最多显示的字数var text=$(this).text();if($(this).text().length>maxwidth){$(this).text($(this).text().substring(0,maxwidth));$(this).html($(this).html()+"..."+"<a href='###'> 点击展开</a>");//如果字数超过最大字数，超出部分用...代替，并且在后面加上点击展开的链接；};$(this).find("a").click(function(){$(this).parent().text(text);//点击“点击展开”，展开全文})})})
</script>

jquery实现字数限制，超过部分...代替，后缀点击展开，点击后展开全文相关推荐

Jquery 复选框全选与反选点击执行一次然后失效解决方案
Jquery 复选框全选与反选点击执行一次然后失效解决方案参考文章: (1)Jquery 复选框全选与反选点击执行一次然后失效解决方案 (2)https://www.cnblogs.com/feng ...
jQuery便利多个相同的class，点击显示隐藏图标，显示及隐藏其下的内容
这里使用了bootstrap 而jQuery的遍历标签 each 和事件hide().show().toggle(); 直接上代码: <!DOCTYPE html> <html la ...
查询固定字数或超过某个字数的数据
select * from test t where t.name like '____' --查询4个字的数据 select * from test t where t.name like '___ ...
jquery特效（1）—点击展示与隐藏全文
下班了~~~我把今天整理的一个jquery小特效发一下,个人觉得比较简单,嗖嗖的就写出来了~~~ 下面先来看最终的动态效果: 一.来看一下主体框架程序: <!DOCTYPE html> & ...
class h5 点击后样式变化_【php】JQuery怎么实现页面刷新后保留鼠标点击addclass的样式？...
刚开始是这个效果鼠标点击之后变成了这个效果要保证实现 a 标签点击链接一个新的网址同时也要保证效果达到我目前写的网站代码可以下载 http://115.com/file/c2zlhblv 看 ...
jQuery: 仿select下拉框效果，点击空白关闭弹出层，判断是否被mouseover
1. 方法一 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
jQuery移除或禁用html元素的点击事件
移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现. 一.CSS方法 .disabled { pointer-events: none; } 二.jQuery方法方法 ...
jQuery 验证码输入错误后自动刷新验证码点击验证码图片刷新验证码
利用jQuery的attr()函数,向Servlet发出请求的时候加一个随机数, 保证每次都是不同的请求 $('#imgVcode').attr("src","/veri ...
jQuery入门实操-css操作，鼠标点击事件，页面计算器
前言本文是学习jQuery中的一些实践,是jQuery入门的实操案例.更多语法可参考w3school的jQuery参考手册 jQuery是一个快速.简洁的JavaScript框架,是继Prototy ...

jquery实现字数限制，超过部分...代替，后缀点击展开，点击后展开全文

jquery实现字数限制，超过部分...代替，后缀点击展开，点击后展开全文相关推荐

最新文章

热门文章