jquery根据长度省略文字

最新推荐文章于 2019-02-28 09:48:04 发布

hupan_2014

最新推荐文章于 2019-02-28 09:48:04 发布

阅读量554

点赞数

分类专栏： jq 文章标签：文字省略

本文链接：https://blog.csdn.net/hupan_2014/article/details/49486813

版权

jq 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery根据长度省略文字</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<style>
.cmzs{ width:500px; height:auto; margin:20px auto;}
.cmzs li{ height:24px; line-height:24px; font-size:14px;}
.cmzs li span{ color:#309; padding-right:10px;}
</style>

</head>
<body>
<ul id="box1" class="cmzs">
<li>[青海日报]<a>情暖冷扶冷湖暖冷湖口帮湖纪实中石油纪实冷情扶冷情扶冷情扶冷情扶</a></li>
 <li>[人民网]<a>中石油济宁：打造油对口帮爱心公益品牌重塑冷情扶冷情扶冷情扶冷情扶</a></li>
<li>[中国青海日报]<a>对口帮扶冷情油对扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情</a></li>
 <li>[青海日报]<a>情暖冷扶冷湖暖冷湖口帮湖石油纪实</a></li>
 <li>[人民网]<a>中石油济宁：打造油对口帮爱心公益品牌重塑冷情扶冷情扶冷情扶冷情扶</a></li>
<li>[中国青海日报]<a>对口帮扶冷情油对扶冷情扶冷情扶冷</a></li>
<li>[青海日报]<a>情暖冷扶冷湖暖冷湖口帮湖纪实中石油纪实冷情扶冷情扶冷情扶冷情扶</a></li>
 <li>[人民网]<a>中石油济宁：打造油对口帮爱心公益品牌重塑冷情扶冷情扶冷情扶冷情扶</a></li>
<li>[中国青海日报]<a>对口帮扶冷情油对</a></li>

</ul>
<ul id="box2" class="cmzs">
<li>[青海日报]<a>情暖冷扶冷湖暖冷湖口帮湖纪实中石油纪实冷情扶冷情扶冷情扶冷情扶</a></li>
 <li>[人民网]<a>中石油济宁：打造油对口帮爱心公益品牌重塑冷情扶冷情扶冷情扶冷情扶</a></li>
<li>[中国青海日报]<a>对口帮扶冷情油对扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情扶冷情</a></li>
 <li>[青海日报]<a>情暖冷扶冷湖暖冷湖口帮湖石油纪实</a></li>
 <li>[人民网]<a>中石油济宁：打造油对口帮爱心公益品牌重塑冷情扶冷情扶冷情扶冷情扶</a></li>
<li>[中国青海日报]<a>对口帮扶冷情油对扶冷情扶冷情扶冷</a></li>
<li>[青海日报]<a>情暖冷扶冷湖暖冷湖口帮湖纪实中石油纪实冷情扶冷情扶冷情扶冷情扶</a></li>
 <li>[人民网]<a>中石油济宁：打造油对口帮爱心公益品牌重塑冷情扶冷情扶冷情扶冷情扶</a></li>
<li>[中国青海日报]<a>对口帮扶冷情油对</a></li>

</ul>
<script type="text/javascript">
$(function() {
 box($('#box1 li span'));
 box($('#box2 li span'));

 function box(abc){
 for(var i=0;i<9;i++ ){
 var th=abc.eq(i);
 //获取span字符长度
 var len=th.text().length;
 //获取a下的内容
 var tcz=th.siblings("a").text();
 //获取a的字符长度
 var xwlen=tcz.length;
 if(len>7){
 if(xwlen<17){
 //截取a前16个字符
 s=tcz.substring(0,16);
 }else{
 //截取a前15个字符，其余的省略..
 s=tcz.substring(0,15)+"..";
 }
 th.siblings("a").html(s);
 }else if(len>6){
 if(xwlen<18){
 s=tcz.substring(0,17);
 }else{
 s=tcz.substring(0,16)+"..";
 }
 th.siblings("a").html(s);