修剪字符串宽度jQuery [重复]答案

【问题标题】：Trim string width jQuery [duplicate]修剪字符串宽度jQuery [重复]
【发布时间】：2018-12-25 02:43:45
【问题描述】：

如何修剪字符串宽度，使其不超过 20 个字符，包括空格和 ... 到字符串的末尾？

<p class="streetname">Galloway Road, Bishop's Stortford</p>

有没有 jQuery 方法可以解决这个问题？

【问题讨论】：

请添加反对票的理由。我会努力解决问题
问题应该包括一些尝试解决问题的迹象（我们可以修复的代码），或者至少解释你做了什么研究，否则它只是“写我的代码me nao"，这不是 Stack Overflow 的用途。注意 - 我没有投反对票，但如果你不把问题说得好，我会投反对票的:)

标签： jquery html texttrimming

【解决方案1】：

您可以对该段落文本的字符串值使用substr() 函数：

var text = $('.streetname').text();
var newText = text.substr(0,17) + '...';
$('.streetname').text(newText)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="streetname">Galloway Road, Bishop's Stortford</p>

【讨论】：

不知道你为什么投了反对票。看起来好像可以用了谢谢
@Reece 是的。这应该是一个可以接受的答案。

【解决方案2】：

你可以这样做：

if ($(".streetname").text().length > 20) {         
    $(".streetname").text($(".streetname").text().substring(0,50) + '...');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="streetname">This text is way to long to be displayed on the site so we just short it with jquery</p>

但是如果你从 php 接收到文本，你也可以在那儿短它..

【讨论】：