Javascript 如果文本超过一定长度，则显示“阅读更多”链接

我是新来的，对JavaScript知之甚少。我在这里看到类似的帖子： 但是我需要一些其他的东西，那里没有。 我使用以下BB代码在游戏网站中添加内容： [url=url到游戏主页]游戏名称[img]图像链接[/img][/url] [small]关于游戏的详细描述[/small]

我的要求是： 1.如果说明超过一定长度，则显示“阅读更多”链接。 2.我想在描述后面加上…（3点）和阅读更多链接。 3.我需要相同的网址（网址到游戏的主页）在阅读更多的链接，我在上面的代码输入

任何人都很难理解我的要求/问题。 我的英语也不太好。 您可以查看此页面以了解有关我的网站的更多信息。 我已经有一个js代码，我得到了所有的要求，但不是第三个要求。有人能告诉我怎么做吗？

description=“这段文字太长了。”；
description="This text is really to long.";
var words=description.split(" ");
if(words.length>4){
 description=words.splice(0,4).join(" ")+"...<span>Show</span><div class='hide'>"+words.join(" ")+"</div>";
}
console.log(description);

var words=description.split（“”）；
如果（字数长度>4）{
description=words.splice（0,4）.join（“”+“…Show”+words.join（“”+”）；
}
控制台日志（描述）；

---

如何获得描述取决于您，而Show函数还没有实现。只是给你一个开始

如果您是以jquery方式进行的

$（'.comments p'）.text（函数（\ux，txt）{
如果（txt.length>36）{
txt=txt.substr（0,36）+“…”；
$（this.parent（）.append（“”）；
}
$（this.html（txt）
});

标题
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

标题
同侧眼界同侧眼界同侧眼界同侧眼界

如果段落中的字符数超过一定长度，可以将JavaScript方法与jQuery的和方法结合使用，在段落末尾添加一个“阅读更多”链接

HTML代码：

<p class="readMore">Class dolor ut sociosqu ad litora venenatis per conubia mollis, per consectetur vestibulum. Maecenas fermentum magna et leo eleifend bibendum. Nullam vitae aliquet nisi. In eu nibh sollicitudin, efficitur ligula lobortis, pharetra tellus. In ac blandit mauris. Aenean rhoncus consequat magna id commodo. Morbi quis eros rutrum libero scelerisque ullamcorper quis varius arcu. Nam vestibulum venenatis mollis. Proin consectetur metus et tortor interdum, eu eleifend mauris condimentum. Nunc varius tortor dolor, id pellentesque libero eleifend ut. </p>

$(document).ready(function() {
    var max = 200;
    $(".readMore").each(function() {
        var str = $(this).text();
        if ($.trim(str).length > max) {
            var subStr = str.substring(0, max);
            var hiddenStr = str.substring(max, $.trim(str).length);
            $(this).empty().html(subStr);
            $(this).append(' <a href="javascript:void(0);" class="link">Read more…</a>');
            $(this).append('<span class="addText">' + hiddenStr + '</span>');
        }
    });
    $(".link").click(function() {
        $(this).siblings(".addText").contents().unwrap();
        $(this).remove();
    });
});

为每一个莫利斯锥虫、每一个连续前庭提供社会福利。梅塞纳斯酵母菌麦格纳和利奥·埃利芬德·比本杜姆。这是我的生命。在欧盟，尼布·索利西丁、有效舌苔、长舌苔。在ac blandit mauris中。埃尼安·朗库斯（Aenean rhoncus）是一位伟大的共产主义者。Morbi quis eros rutrum libero scelerisque ullamcorper quis varius arcu。越南威尼斯人前庭。欧洲艾利芬·莫里斯调味品。我是一个自由主义者

JQuery代码：

<p class="readMore">Class dolor ut sociosqu ad litora venenatis per conubia mollis, per consectetur vestibulum. Maecenas fermentum magna et leo eleifend bibendum. Nullam vitae aliquet nisi. In eu nibh sollicitudin, efficitur ligula lobortis, pharetra tellus. In ac blandit mauris. Aenean rhoncus consequat magna id commodo. Morbi quis eros rutrum libero scelerisque ullamcorper quis varius arcu. Nam vestibulum venenatis mollis. Proin consectetur metus et tortor interdum, eu eleifend mauris condimentum. Nunc varius tortor dolor, id pellentesque libero eleifend ut. </p>

$(document).ready(function() {
    var max = 200;
    $(".readMore").each(function() {
        var str = $(this).text();
        if ($.trim(str).length > max) {
            var subStr = str.substring(0, max);
            var hiddenStr = str.substring(max, $.trim(str).length);
            $(this).empty().html(subStr);
            $(this).append(' <a href="javascript:void(0);" class="link">Read more…</a>');
            $(this).append('<span class="addText">' + hiddenStr + '</span>');
        }
    });
    $(".link").click(function() {
        $(this).siblings(".addText").contents().unwrap();
        $(this).remove();
    });
});

$（文档）.ready（函数（）{
var max=200；
$（“.readMore”）.each（函数（）{
var str=$（this.text（）；
如果（$.trim（str）.length>max）{
var subStr=str.substring（0，最大值）；
var hiddenStr=str.substring（最大，$.trim（str.length））；
$（this.empty（）.html（subStr）；
$（此）。附加（“”）；
$（this.append（“”+hiddenStr+“”）；
}
});
$（“.link”）。单击（函数（）{
$（this）.sides（“.addText”）.contents（）.unwrap（）；
$（this.remove（）；
});
});

你可以在这里看到一个例子：
非常感谢vishal。我已经有一个js代码，我得到了所有的要求，但不是第三个要求。你能告诉我如何做到这一点吗？你在你的项目中使用了bbcode-to-html转换器js库吗？不，我没有使用类似的东西。我的网站提供商真的不同。我是瓦普卡。到目前为止，我在这里还没有看到任何与wapka相关的问题或用户。选择bbcode并在javascript中使用regex将其转换为html
url=[url]=http://example.com]游戏名称[img]example.png[/img][/url]
url=url.replace（/\[url\=”？（.*？）？“？”？”？“？”？（.*？\[\/url\]/g.）
url=url.replace（/\[img\]（.？\[\/img\]/g'））
将返回
非常感谢vishal。你能告诉我在这个jQuery代码中我需要把这个代码放在哪里吗，因为我不知道把给定的代码放在哪里。还告诉我如何添加。。。有，先谢谢你