javascript - trim jQuery .load 的结果

Question

我制作了一个页面，从文章页面获取一篇文章，但我只想显示文章的部分内容，例如前 100 个单词。

到目前为止，我的页面使用此成功加载文章:

$(function(){
    $('#startOfArticle').load('article.html #officialArticle');
});

现在已将其加载到段落 <p id="startOfArticle></p> 中但然后我会使用以下方法 trim 本段中的所有内容:

var shortened = $("#startOfArticle").text()
    .trim()
    .substring(0, 100)
    .split(" ")
    .slice(0, -1)
    .join(" ") + "...";
$('#startOfArticle').text(shortened+ '<a href="read">read more</a>')

但这不是 trim 文章，有什么建议吗？

Answer 1

在加载完成之前，我要对您所说的 trim 进行拍摄。您需要在回调结果中进行 trim 。类似的东西

$(function(){
    $('#startOfArticle').load('article.html #officialArticle', function(data){
       var shortened = data
       .trim()
       .substring(0, 100)
       .split(" ")
       .slice(0, -1)
       .join(" ") + "...";
    $('#startOfArticle').text(shortened+ '<a href="read">read more</a>')});
});