jQuery获取自动截取过长的文本内容,显示成省略号

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>
      <head>
         <title>测试<title>
     </head>  

      <table id="high_light ">
                  <tr>
                         <td>
这是很长的一段文本内容,测试是否能正常截取.这是很长的一段文本内容,测试是否能正常截取.这是很长的一段文本内容,测试是否能正常截取.这是很长的一段文本内容,测试是否能正常截取.
                        </td>
                  </tr>
      </table>
</html>  

From:http://zhouhaitao.iteye.com/blog/1160694

时间: 2024-10-10 21:52:53

jQuery获取自动截取过长的文本内容,显示成省略号的相关文章

Jquery获取select选中的option的文本信息

注意:下面用的$(this)代表当前选中的select框 第一种: $(this).children("option:selected").text(); 第二种: $(this).children("option:selected").html(); Jquery获取select选中的option的文本信息,布布扣,bubuko.com

CSS控制长文本内容显示(截取的地方用省略号代替)

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现处理的方法. 现实中经常出现一些内容比较长的文本,为了使整体布局美观,需要将文本内容控制在一行显示,并且截取一定的长度,截取的地方用省略号代替.虽然用动态语言可以对其控制,但是这样做是不利于搜索引擎收录的,活用CSS可以巧妙地解决这个问题,请看下面的代码:代码一:用于非表格LI或span等都可以 www.169it.com .text-overflow { display:block;/*内

Android 文字过长TextView如何自动截断并显示成省略号

当用TextView来显示标题的时候,如果标题内容过长的话,我们不希望其换行显示,这时候我们需要其自动截断,超过的部分显示成省略号. 如下图所示,标题过长,自动换行了,显示不是很好看. 这时候我们需要其自动截断,超过的部分显示成省略号. xml布局里需要将textview的下面属性设置下: android:ellipsize="end" android:singleLine="true" 其中:android:ellipsize="start"-

CSS中超出的文本内容显示省略号

首先,分析超出内容有两种情况,单行内容超出和多行内容超出,以下逐一说明: 单行内容操作: 单行操作必须有width属性,就是元素要有宽和高的限制才可以,具备以上基本条件之后,编写以下代码 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 此时,即可看到单行文本超出显示省略号的效果. 多行内容操作: 多行文本超出省略早期是没有该写法的,本文使用的是css3对WebKit的拓展写法,需要注意,该方法只适用于WebKit浏览器和移

【Linux命令详解】12、文本内容显示—[ cat、tac]

12.本节主要学习在linux系统下文本文件内容显示的相关命令,这些命令有cat.tac等. 12.1 cat 使用cat命令可以显示文本文件的内容,也可以把几个文件内容附加到另一个文件中. 12.1.1 命令语法: cat[选项][文件] 12.1.2选项参数: cat命令选项含义 选项                      选项含义 -n                        对输出的所有行编号 -b                        对非空输出行编号 -s     

css文本内容显示省略号

文字显示省略号width: 4.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; 但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢. 实现方式如下 display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; 原文地址:https://www.cnblogs.co

本大神教你用PHP把文本内容转换成16进制数字,进行加密

<?php $a="杨波"; $b = bin2hex($a); echo $a."<br />"; $c = pack("H*",$b); echo $c."<br />"; ?> 字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字符限制字

PHP截取并生成纯文本字符串

php截取并生成纯文本字符串.最近使用文本编辑器保存的内容中有html,css以及js标记,但是我只想截取前面一部分纯文本内容显示摘要,这里直接上代码,如下: /**  * PHP清除html.css.js格式并去除空格的PHP函数,并具有截取UTF-8字符串的作用  */ function cutstr_html($string, $sublen){   $string = strip_tags($string);   $string = preg_replace ('/\n/is', '',

浅谈移动端过长文本溢出显示省略号的实现方案

本文首发于 vivo互联网技术 微信公众号? 链接: https://mp.weixin.qq.com/s/39NCyZvm8EYiJ-pEEtjxGw 作者:何彦军 目前在移动端开发的展示界面中,如果一段文本的数量过长,受限于屏幕的宽高等因素,有可能不能完全显示,这个时候就会把溢出的文本显示成省略号. 最近就亲身经历了一系列类似的需求,于是这里做个总结和记录. 首先一个最基本的需求就是当文本超过一行最大宽度时,超出的部分变为省略号,如下图所示. 这个功能比较基础,只用css就可以实现,如下图所