为 <p> 元素设置长度限制答案

【问题标题】：Setting a length limit to <p> elements为 <p> 元素设置长度限制
【发布时间】：2013-12-06 20:26:28
【问题描述】：

我需要完成的很简单——将段落元素的长度限制设置为 60 个字符。我写的jQuery脚本如下：

$('p.classname').each(function(){
var paragraph = $(p.description).text();
var strlength = paragraph.length;
var maxlength = 60;
strlength < maxlength; 
});

我仍然可以在元素中包含超过 60 个字符。如何将其限制为 60？

【问题讨论】：

strlength < maxlength; 应该做什么？

标签： javascript jquery limit paragraph string-length

【解决方案1】：

使用text() 和回调的简单方法，它以相同的方式循环所有元素each 将：

$('p.classname').text(function(i, txt) {
    return txt ? txt.slice(0,60) : txt;
});

您的代码中的一个主要问题是$('p.description').text(); 将获取页面中所有段落连接在一起的文本。您需要隔离每个段落的实例。在each 循环中执行此操作将是

$('p.description').each(function() {
    /* text for current paragraph */
    var text = $(this).text();
});

您还使用了不带引号的无效选择器，并且除了检查其长度之外，您从未对文本进行任何操作。

【讨论】：

【解决方案2】：

看起来您想将内容修剪为最多 60 个字符

var maxlength = 60;
$('p.classname').text(function (_, text) {
    return $.trim(text).substring(0, maxlength);
});

【讨论】：