Javascript jQuery限制文本函数

我正在使用列CSS，我想做的是创建一个jQuery函数，当段落的文本达到一定的文本量时，该函数调用一个称为Content columns的CSS类。否则它将保持宽度：100%

这是我正在使用的CSS

-moz列数：2； -moz柱间距：10px； -moz列规则：无； -webkit列数：2； -webkit柱间隙：10px； -webkit列规则：无； 列数：2； 柱间距：10px； 列规则：无； 边缘顶部：10px；

---

我知道我需要做一个if语句来声明段落的长度，我只是不完全确定如何或从何开始。

你可以这样做-你需要确保你的文本在父元素中，如：

<div class="text-group">
    <p>Haero nibh a turpis. Facilisi valetudo ut suscipit pecus olim nulla ad ut et. Autem vindico enim.</p>
    <p>Sino consequat dolore tincidunt tation vulputate valetudo antehabeo.</p>
</div>

CSS：不固定

.content-columns {
    column-count: 2;
    column-gap: 10px;
    column-rule: none;
    margin-top:10px;
}

---

它取决于您希望它检查的操作，也取决于您使用它的元素。在文本框中，您应该在其他元素中使用.val。您应该使用html或文本，具体取决于您想要的是内部html长度还是纯文本。此外，您还可以添加另一个事件监听器，如更改、文档键控等

但你可以通过以下方式计算字母：

var maxLength=5； $'.box'。在'keyup'上，函数{ 如果$'.box'.val.length>=maxLength{ alertYou have reach+maxLength+letter； } };

---

如果您的段落有ID，您可以使用选择器获取它们，并在其.text上调用.length

$('#1').text().length

或者，如果您不真正关心具体的问题并进行迭代，则可以获得所有这些问题

paragraphs = $('p').get()
$.each(paragraphs, function (index) {
 console.log($(this).text().length);
});

---

查看keyup事件-在keyup上检查文本输入的长度，如果它传递了所需的量，则在您需要的内容中添加一个类。您所说的段落是指元素吗？是否希望在页面加载时执行此if语句，或者段落内容正在动态更改？$'p'.filterfunction{return$this.height>400}.addClass'contentColumns'；这里，400是一个段落在不拆分为列的情况下可以具有的最大高度的示例。

paragraphs = $('p').get()
$.each(paragraphs, function (index) {
 console.log($(this).text().length);
});