100 个字符后最小化段落答案

【问题标题】：Minimize paragraph after 100 characters100 个字符后最小化段落
【发布时间】：2017-04-24 18:12:00
【问题描述】：

我有一段 JavaScript 有一个变量 ratingtext，其值为 300 个字符。

然后我设置了一些 jQuery 来最小化 P 文本并或多或少地显示。

这已经在 jsfiddel 中的大量段落文本上进行了测试，但是当我在 JavaScript 末尾尝试 jQuery 并尝试将脚本应用到我的 JavaScript 时，它会显示 more 或少 <a>

我的 JavaScript

rating += '<div class="da2-da8"><p class="minimize' + i + '">' + ratingtext + '</p></div>';
$('.ratings').append(rating);
$('img').error(function () {
    $(this).attr('src', 'https://lh6.googleusercontent.com/-t8_QcDAPeX0/AAAAAAAAAAI/AAAAAAAAAAA/CBAXQhe_R-A/w60-h60-p-mo/photo.jpg');
});

我的JavaScript下的jQuery

jQuery(function(){
    var minimized_elements = $('p.minimize');
    minimized_elements.each(function() {
        var t = $(this).text();
        if(t.length < 100) return;

        $(this).html(
            t.slice(0,100)+'<span>... </span><a href="#" class="more">More</a>'+
            '<span style="display:none;">'+ t.slice(100,t.length)+' <a href="#" class="less">Less</a></span>'
        );

    });

    $('a.more', minimized_elements).click(function(event){
        event.preventDefault();
        $(this).hide().prev().hide();
        $(this).next().show();
    });

    $('a.less', minimized_elements).click(function(event){
        event.preventDefault();
        $(this).parent().hide().prev().show().prev().show();
    });

});

【问题讨论】：

标签： javascript jquery html paragraph

【解决方案1】：

简单的修复，在一个周末之后，我发现我的错误已经消失了

rating += '<div class="da2-da8"><p class="minimize">' + ratingtext + '</p></div>';
$('.ratings').append(rating);
$('img').error(function () {
    $(this).attr('src', 'https://lh6.googleusercontent.com/-t8_QcDAPeX0/AAAAAAAAAAI/AAAAAAAAAAA/CBAXQhe_R-A/w60-h60-p-mo/photo.jpg');
});

去掉id中的'+1'

【讨论】：