如何通过带(..)和的单词/字母修剪内容取决于媒体屏幕

Question

我希望每个人都做得很棒。我希望有人能帮我解决这个问题。我想修剪我的内容，例如在桌面上修剪30个字母，在手机上修剪20个字母。

这是我的代码，它不工作

var maxLength = 30;
$('.shorten').each(function() {
var text = $(this).text();
if (text.length > maxLength) {
var output =/^.{0,30}(?=[.,; ])b/.exec(text)[0]
$(this).text(output + "...");
}     
});

<div class="shorten">
Lorem ipsum dolor sit amet consectetur adipisicing elit. 
Sint accusantium officia assumenda ea. Laborum in dolorem numquam sapiente. 
Ea impedit veniam minima facere optio? Repellat officia accusamus quia hic assumenda.
</div>

Answer 1

var maxLength = 30
$('.shorten').each(function () {
var text = $(this).text().trim()
if (text.length > maxLength) {
var output = text.slice(0, maxLength)
$(this).text(output + '...')
}
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="shorten">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint 
accusantium officia assumenda ea. Laborum in dolorem
numquam sapiente. Ea impedit veniam minima facere optio? Repellat 
officia accusamus quia hic assumenda.
</div>