div內容過長自動省略號

nwx8 9年前發布 | 1K 次閱讀 JavaScript

<div class="tits" style="width:900px;">${item.note}</div>

//自動計算長度,并剔除html元素
$(".tits").each(function(i) {
    var leg = 280;
    $(this).html($(this).text());
        var copyThis = $(this.cloneNode(true)).hide().css({
            'position': 'absolute',
            'width': 'auto',
            'overflow': 'visible'
        }); 
        $(this).after(copyThis);
        if(copyThis.width()>$(this).width()){
            $(this).html($(this).text().substring(0,leg)+'...');
            copyThis.remove();
        }else{
            copyThis.remove(); //清除復制
            return;
        }
});</pre> 


 本文由用戶 nwx8 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!