如何切断加载AJAX的文本的结尾？

Question

我正在尝试从包含文本的AJAX加载元素的末尾截断（截断）多余字符。下面是我如何加载元素：

$("#destinationElement").load("/sourcePageName .classWithinPage"); 

我想限制#destinationElement内的文本140个字符的长度，但内.classWithinPage文本可能会更长，所以我需要剪以某种方式在那之后关闭。如果可能，我还想在后面添加一个省略号。

我试着添加一个函数，然后做这个（看下面的内容），但它似乎没有工作，我宁愿它在文本被添加到#destinationElement之前运行，以便脚本会做它的在文本显示之前工作。

var maxLength = 140; 
function shorten(element) { 
    var text = $(element).text(); 
    if(text.length > maxLength){ 
    text = text.substring(0, maxLength); 
    var lastIndex = text.lastIndexOf(" "); 
    text = text.substring(0, lastIndex) + '...'; 
    } 
    $(element).text(text); 
}; 
shorten('#destinationElement'); 

^^那没用。另外，我想我应该添加我的函数作为我上面的jQuery加载函数的一部分，我只是不知道如何。

如何在屏幕上显示140个字符之前截断正在加载的文本？

Answer 1

，而是如果要修改数据

$.get('/sourcePageName', function(data) { 
    var text = $('<div />', {html : data}).find('.classWithinPage').text(); 

    if (text.length > 140) { 
     text = text.slice(0, 140) + '...'; 
    } 

    $("#destinationElement").text(text); 
});