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;
}

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

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

2 个答案: