Question

我在标记内放置了一个字符串，我想将其截断并在截断的字符串的末尾添加省略号。我使用jquery对此进行了编码，但看来我的代码无法正常工作。

这是我的jquery代码：

Answer 1

将原始文本提取到一个变量中，如果其长度大于26，则将其设置为带有slice(0, 26)的原始文本，并与...串联：

$(".link-content > h4").each(function(){
    const origText = $(this).text();
    if (origText.length > 26) {
        $(this).text(origText.slice(0, 26) + '...');
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="links">
    <span>FACEBOOK</span>
    <div class="link-content">
         <h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
           Etiam lacus tellus, tristique congue pellentesque ac, semper eu 
           d iam.</h4>
    </div>
</div>

Answer 2

这是一些示例代码，说明如何快速截断并为被截断的任何字符串添加“ ...”。有一个会截断（大），一个不会截断（小）。我认为您似乎已将其全部保留下来。


var big = '1234567890123456789012345678901234567890';
var small = '1234567890';
var big_truncated = big.substr(0,26);
var small_truncated = small.substr(0,26);

big_truncated += (big.length > 26)?'...':'';
small_truncated += (small.length > 26)?'...':'';

console.log(big_truncated);
console.log(small_truncated);

在JQuery中截断字符串

2 个答案: