当前位置: 编程技术>jquery
Jquery 显示隐藏更多文本的代码举例
来源: 互联网 发布时间：2014-09-03
本文导语: 1、页面内容部分 测试文本内容：脚本学堂_www.，专业的网站建设、网站编程、系统管理类技术站点，欢迎大家的访问。 More↓ 2、js代码部分 代码示例: /** * Jquery 显示或隐藏文本 * www. * Edit: 2013/5/8 ...
1、页面内容部分
测试文本内容：脚本学堂_www.，专业的网站建设、网站编程、系统管理类技术站点，欢迎大家的访问。
More↓
2、js代码部分
代码示例:
/**
* Jquery 显示或隐藏文本
* www.
* Edit: 2013/5/8 星期三
*/
$(function(){
$(".content").each(function(){
var $targetEle = $(this).find("span").first();
var $btnCtrl = $(this).find("span").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)=="More↓")
{
$targetEle.text(strAll);
$btnCtrl.text("More↑");
}
else{
$targetEle.text(sonStr)
$btnCtrl.text("More↓");
}
});
}
else{$btnCtrl.text("")}
});
});
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。