时间戳

首页 > 解决方案 > 在段落标签中设置最大字符数限制

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

问题描述

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

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

谁能帮我解决这个问题？

标签： jqueryhtml

解决方案

您可以创建您的自定义属性，同样我已经为 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>

推荐阅读