jquery - 在段落标签中设置最大字符数限制

Question

我需要完成的很简单 - 将段落元素的长度限制设置为 60 个字符，之后它将显示点。我写的jQuery脚本如下：

var myDiv = $('.paragraph-24');
myDiv.text(myDiv.text().substring(0,300))

谁能帮我解决这个问题？

Answer 1

您可以创建您的自定义属性，同样我已经为 div 标签创建了Maxlength。

如果您在 div 标签中添加 Maxlength 属性，它将在完成长度后应用点点 (...)。

<div id="address_line" Maxlength="300">

否则，它会将完整的数据附加到 div 标签中。

$(document).ready(function() {

  var MaxLength = $('#address_line').attr("Maxlength");

  var data = "test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test";

  if (MaxLength != undefined && data.length > MaxLength) {
    data = data.substring(0, MaxLength).concat("...")
  }

  $('#address_line').append(data);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="address_line" Maxlength="300">

</div>

Answer 2

选项 1 - 尝试使用<textarea>

<textarea maxlength="50">
    Enter text here...
</textarea>

您可以在哪里设置maxlength

选项 2 - 使用 CSS

<div class = "paragraph-24" height="200" width="200"> abcd </div>

.paragraph-24 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

其中高度和宽度可以根据需要进行调整。