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>