Jquery-截取过长字符串

标签：截取过长字符串

页面获取的字符串数据过长，导致显示的表格排列不整齐，这是就要对表格中过长的字符串进行处理之后显示。

方法一：（别的博客看到的方法）

js方法：

<script type="text/javascript">

jQuery.fn.limit=function(){
       var self = $(".table tr td");
       self.each(function(){
             var objString = $(this).text();
             var objLength = $(this).text().length;
             var num = 5;//$(this).attr("limit");
             
             if(objLength > num){
                    $(this).attr("title",objString);
                    objString = $(this).text(objString.substring(0,num) + "...");
            }
         })
}
$(function(){
//调用方法：
      $(".table tr td").limit();

//.table tr td是所应用到的控件 ，如果是id="clazzTd" 则为  $("#clazzTd").limit();

//$(document.body).limit(); 
});

<script >

jsp 调用：

<div id="clazzTd" limit="10"> 页面获取的字符串数据过长，导致显示的表格排列不整齐</div> 

表格调用：

<table>

<tr>

<td>页面获取的字符串数据过长，导致显示的表格排列不整齐</td>

</tr>

</table>

---------------------------------------------------------------------------------------

特殊情况

当是上图通过Jquery添加的表格的行与列时第一种方法没有效果，不管通过id还是class属性或是标签截取过长字符串都没有效果。

第一种方法只对上图情况 或是通过标签（<c:foreach> <tr><td>33333444 </td> </tr></foreach>）在页面中添加的行列有效。

对比图：

第一行是有效的其他通过jquery append添加的没有效果。

----------------------------------------------------------------------------------------------------

方法二：

js方法：

/**
 * @param string
 * @returns
 * 截取过长字符串
 */
function subLimit(string)
{
var objLength =string.length;
     var num = 20;
     if(objLength > num){
            string=string.substring(0,num) + "...";
    }
    // alert(string);
     return string;
}

jquery方法中：

var tr="<tr><td title=‘"+res.code+"‘>"
+ subLimit(res.code)
+ " </td>  <td title=‘"+res.cname+"‘>"
+ subLimit(res.cname)
+ "</td> <td title=‘"+res.hosts+"‘>"
+ subLimit(res.hosts)
+ "</td> <td title=‘"+res.clazz+"‘>"
+ subLimit(res.clazz)
+ "</td> <td title=‘"+res.handlerClazz+"‘>"
+ subLimit(res.handlerClazz)
+ "</td> <td title=‘"+res.extend+"‘>"
+ subLimit(res.extend)
+ "</td>"
+ "<td><a  class=‘a_model a_collect‘ href=javascript:openUpdateModal(‘"+res.code+"‘,‘"+res.cname+"‘,‘"+res.hosts+"‘,‘"+res.clazz+"‘,‘"+res.handlerClazz+"‘,‘"+res.extend+"‘)>修改</a>&nbsp; " +
"<a class=‘a_track‘ href=javascript:delResource(‘"+res.code+"‘)>删除</a></td> </tr>";
$(".table").append(tr);

解释：

subLimit(res.extend) 就是调用方法对参数进行截取并返回截取后的字符串；

title=‘"+res.cname+"‘ ，title属性就是当鼠标移到字符串上时会显示完整的字符串。

例如下图：

Jquery-截取过长字符串

标签：截取过长字符串

原文地址：http://blog.csdn.net/u013147600/article/details/47667511