Javascript 修剪jQuery.load的结果

我已经制作了一个页面，从文章页面中提取了一篇文章，但我只想显示部分文章，比如前100个单词

到目前为止，我的页面使用以下方法成功加载文章：

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

---

现在，这已经加载到段落

中，我将在加载完成之前对您调用的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>')});
});

$（函数（）{
$（'article.html#officialaarticle'）.load（'article.html#officialaarticle'，函数（数据）{
var=数据
.trim（）
.子字符串（0，100）
.拆分（“”）
.slice（0，-1）
.join（“”+“…”；
$（“#startofact”）.text（缩写为+”）}；
});
要有机会操纵响应，请使用jQuery.get、.post或.load函数：

jQuery.load函数示例：

$(function(){
    $('#startOfArticle').load('article.html', function(data) {
        $('#startOfArticle').append($.parseHTML(data)).find('#officialArticle').each(function() {
            $('#startOfArticle').html($(this).text()
                .trim()
                .split(' ')
                .slice(0, 99)
                .join(' ') + '...<a href="read">read more</a>'
            );
        });
    });
});

$（函数（）{
$（'#startofacture'）.load（'article.html'，函数（数据）{
$（'#startofact'）。追加（$.parseHTML（数据））。查找（'#officialArticle'）。每个（函数（）{
$（'#startofacture'）.html（$（this.text（））
.trim（）
.拆分（“”）
.slice（0,99）
.join（“”）+“…”
);
});
});
});
您是在回调加载中进行修剪吗？那么，它在做什么？侧注：这是将100个字符而不是100个字改成的。@scrwler这不是一个侧记，这是OP应该说的。@scrwler抱歉是的，我的mistake@jfriend00谢谢你的编辑-有没有想到除了4个空格之外还有其他的编码格式？我的手机不允许我在前面加很多空格。这个地方需要空格来缩进。它将使用制表符，但不是很好-空格是推荐的缩进。@jfriend00谢谢，将在meta上跟进以尝试查找缩进solution@Ian我尝试过使用它，但现在结果只是article.HTML中HTML的前100个字符，当我要写“它是作为代码而不是实际链接来写的”。（顺便说一句，我对JQuery和stackoverflow非常陌生）@user3743076：首先，我建议先阅读JQuery文档，稍微复习一下，stackoverflow社区喜欢尝试自助的人。但是，对于您的问题，
href=“read”
实际上没有任何作用。我想你在这方面有额外的代码。如果到目前为止我已经回答了你的问题，我会做的是，将此标记为答案，并提出一个关于额外行为的新问题。为什么使用
.get（）
而不是
.load（）
？你缺少了他从该文档中加载
#officialaarticle
元素的部分，而不是整个文档。啊，是的，所以他想得到article.html页面的一部分。嗯。
$(function(){
    $('#startOfArticle').load('article.html', function(data) {
        $('#startOfArticle').append($.parseHTML(data)).find('#officialArticle').each(function() {
            $('#startOfArticle').html($(this).text()
                .trim()
                .split(' ')
                .slice(0, 99)
                .join(' ') + '...<a href="read">read more</a>'
            );
        });
    });
});