jQuery在div中设置固定长度的内容

Question

我陷入了一种情况，我有一个 div 有一些段落内容。例如，我只想在 div 中显示 100 个单词的内容 - (sometextjonty) 我只想在 div 中显示 7 个字母的内容，所以我的 div 现在将在此处显示 (sometex) 文本。我只想使用 jquery 而不是使用 css，对此的任何解决方案。我不知道该怎么做

echo'<div class="content textlimit"><p>'; the_content(); echo'</p></div>

这里是我的内容 div

Answer 1

这是执行此操作的一种方法。您可以根据需要添加其他事件。

$(document).on('keyup keypress', '#elementId', function () {
     var maxLength = 100; // maximum number of characters supported
     trimToMaxLength($(this), maxLength);
 });

 function trimToMaxLength(element, maxLength) {
     if (element.val().length > maxLength) {
         element.val(element.val().substring(0, maxLength));
     }
 }