table中如果td的内容过多,则会把td撑的很宽, 显得不美观.
如果能让td既美观.也能看到完整的效果..
我们则需要,在生成td之前,给指定样式..
这里采用jQuery来实现.
具体代码如下:
//页面加载之后,设置.样式.
jQuery(function(){
//使用id选择器;例如:tab对象->tr->td对象.
$("#high_light tr td").each(function(i){
//获取td当前对象的文本,如果长度大于25;
if($(this).text().length>25){
//给td设置title属性,并且设置td的完整值.给title属性.
$(this).attr("title",$(this).text());
//获取td的值,进行截取。赋值给text变量保存.
var text=$(this).text().substring(0,25)+"...";
//重新为td赋值;
$(this).text(text);
}
});
});
下面是HTML代码:
<html>
<head>
<title>测试<title>
</head>
<table id="high_light ">
<tr>
<td>
这是很长的一段文本内容,测试是否能正常截取.这是很长的一段文本内容,测试是否能正常截取.这是很长的一段文本内容,测试是否能正常截取.这是很长的一段文本内容,测试是否能正常截取.
</td>
</tr>
</table>
</html>
分享到:
相关推荐
jquery,字数超出规定字数自动生成截取生成省略号
Jquery中用于省略字符过长的插件。在网页中经常会遇到字符溢出,然后使用省略“...”字符来代替溢出的文本。
jQuery文字溢出显示省略号插件是一款基于dotdotdot.js插件实现的单行多行文本溢出显示省略号
dotdotdot.js插件是一款基于jQuery实现的单行多行文本文字内容超出溢出部分显示省略号的代码。
<TITLE>JQUERY 文本截取方法</TITLE> ; charset=UTF-8"> <script type="text/javascript" src="jquery-1.3.2.js"> $.fn.substr = function(length,content){ $(this).each(function(i,item){ var val=$(item)....
jquery实现超出部分省略号显示
主要介绍了jQuery获取剪贴板内容的方法,结合实例形式分析了jQuery针对不同浏览器获取剪贴板内容的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
基于jquery的图片截取工具
主要介绍JQuery如何实现控制内容长度超出规定长度显示省略号,需要的朋友可以参考下
主要介绍了jQuery获取标签文本内容和html内容的方法,实例分析了jQuery中text和html方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
比较全面的讲解了jquery获取表单值,全面的讲解了jquery获取表单值
jquery图片截取DEMO,jquery图片截取DEMO
jquery设置和获取HTML,文本和值jquery设置和获取HTML,文本和值
jquery带省略号分页,已经亲自测试过,最近公司要求的做的分页效果就是用的这片代码
jquery图文内容自动播放
主要介绍了前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来,在项目中经常会遇到,今天小编把实例代码分享给大家,需要的朋友可以参考下
下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery.dotdotdot, jquery dotdotdot,用于多行内容的高级 跨浏览器 省略号 jQuery.dotdotdotDotdotdot是一个用于截断网页上的多行内容的jQuery插件。 它使用省略号表示文本比当前可见的文本多。 可选的是,插件可以...
Jquery 获取url参数,方便在js中获取url参数,重新制定url地址