Sow nothing reap nothing

jQuery截取超长文本,显示省略号

已有2,188次关注

HTML代码:

<div class="blank">limit设置显示文字数量,文字数量大于设置值显示省略号</div> 
<div id="best">
    <div limit="12">设置点标记是否可拖拽移动</div> 
    <div limit="10">设置拖拽点标记时是否开启点标记离开地图的效果</div> 
    <div limit="12">点标记在地图上显示的位置,默认为地图中心点</div>
    <div limit="12">用户自定义属性
    <div limit="15">点标记阴影,不设置该属性则点标记无阴影</div> 
</div>

CSS代码:

body{margin:0;padding:0;font-family:"微软雅黑",Arial, Helvetica, sans-serif;background: linear-gradient(to right, #49B4E6, #46C7BB);color:#fff;} 
#best{width:300px;border:2px solid #fff; margin:20px auto 0;line-height:1.6;font-size:14px;padding:10px 0 10px 10px;border-radius: 5px;} 
.blank{font-size:18px; font-weight:bold; text-align:center; margin:5% 0% 0% 0%} 

JS代码:

jQuery.fn.limit=function(){ 
    var self = $("div[limit]"); 
    self.each(function(){ 
        var objString = $(this).text(); 
        var objLength = $(this).text().length; 
        var num = $(this).attr("limit"); 
        if(objLength > num){ 
            $(this).attr("title",objString); 
            objString = $(this).text(objString.substring(0,num) + "..."); 
        } 
    }) 
} 
$(function(){ 
    $(document.body).limit(); 
});

已自动关闭评论