jquery 文本超出隐藏 关闭展开
来源:互联网 发布:好看的娱乐圈文 知乎 编辑:程序博客网 时间:2024/05/22 14:42
<div class="content">
<div class="con">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div>
<span class="more">展开</span>
</div>
<script>
$(function(){
$(".content").each(function(){
var targetEle = $(this).find(".con").first();
var btnCtrl = $(this).find(".more").last();
var strAll = targetEle.text();
if (strAll.length >30)
{
var sonStr = strAll.substr(0,30);
targetEle.text(sonStr)
btnCtrl.click(function(){
if (btnCtrl.text().substr(0,5)=="展开")
{
targetEle.text(strAll);
btnCtrl.text("关闭");
}
else{
targetEle.text(sonStr)
btnCtrl.text("展开");
}
});
}
else{btnCtrl.text("");}
});
});
</script>
<div class="con">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div>
<span class="more">展开</span>
</div>
<script>
$(function(){
$(".content").each(function(){
var targetEle = $(this).find(".con").first();
var btnCtrl = $(this).find(".more").last();
var strAll = targetEle.text();
if (strAll.length >30)
{
var sonStr = strAll.substr(0,30);
targetEle.text(sonStr)
btnCtrl.click(function(){
if (btnCtrl.text().substr(0,5)=="展开")
{
targetEle.text(strAll);
btnCtrl.text("关闭");
}
else{
targetEle.text(sonStr)
btnCtrl.text("展开");
}
});
}
else{btnCtrl.text("");}
});
});
</script>
- jquery 文本超出隐藏 关闭展开
- css超出文本隐藏
- 文本超出隐藏.......
- css实现文本超出隐藏
- jquery表格展开关闭
- jQuery 表格展开关闭
- css实现文本超出部分隐藏(完整)
- jQuery 文本折叠展开特效
- jquery 让div 文字超出隐藏
- jquery 之隐藏展开slide用法
- jquery 多个展开隐藏循环
- jquery控制页面的展开和隐藏
- JQuery展开关闭内容块效果
- JQUERY 多DIV展开,关闭功能
- jquery树形 点击标题展开关闭
- 5.2.2: jQuery的表格展开关闭
- jquery树形 点击标题展开关闭
- Jquery实现的文本展开和收缩
- 10g_rac 增 删 节点
- C#通过CertEnroll.dll创建证书请求并生成证书
- 关于IE下面iframe跨域 cookie丢失的问题
- Winform开发框架重构总结(转载自伍老师)
- ASP.NET頁面事件執行順序
- jquery 文本超出隐藏 关闭展开
- XMPP通讯开发-仿QQ显示好友列表和用户组
- 25款很好看的液晶数字字体下载
- Python-memcached安装&基本使用
- Libgdx开发ios游戏
- 回忆儿时的经典动画片
- MapReduce程序调试工具--MRUnit简介与使用
- 黑马程序员:Hibernate基础知识
- myEclipse优化