javascript - jQuery show-必要时隐藏“更多内容”

如何使用jQuery显示和隐藏按钮read more。我不知道如何选择全文长度，并检查是否需要“阅读更多”按钮。我有例如1000个符号的限制，然后向我显示按钮read more

例如我有一个帖子和：

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat... (read more) when click and I can see full text

但是，如果我的符号少于（例如）1000个，我想说的是在此限制范围内不需要“更多”的文本长度，并且不是必需的，也不是“更多”按钮。需要隐藏。
谢谢！

最佳答案

尝试这个：
的HTML：

<div class="more"> a lot of text </div>

js：

$(function(){
var showChar = 130;
var ellipsestext = "...";
var moretext = "more";
var lesstext = "less";
$('.more').each(function() {
     var content = $(this).html();
     if(content.length > showChar) {
        var c = content.substr(0, showChar-1);
        var h = content.substr(showChar-1, content.length - showChar);
        var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
        $(this).html(html);
     }
});
$(".morelink").click(function(){
    if($(this).hasClass("less")) {
        $(this).removeClass("less");
        $(this).html(moretext);
    } else {
        $(this).addClass("less");
        $(this).html(lesstext);
    }
    $(this).parent().prev().toggle();
    $(this).prev().toggle();
    return false;
 });
});

但是：我无法完成代码，js中有一个小错误，请进一步进行处理。我现在需要为考试学习。.对不起
这是jsfiddle：http://jsfiddle.net/CbLbu/

关于javascript - jQuery show-必要时隐藏“更多内容”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24534616/