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>

方法二：

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属性就是当鼠标移到字符串上时会显示完整的字符串。

例如下图：