指定文字数を超えたら三点リーダーにして、以降は非表示にしたい

ニュース一覧などで、指定の文字数を超えたら、それ以降は三点リーダーにしたいです。
こちらのURLを参考にしました。

var count = 20;
のところで、文字数を指定するというのは分かるのですが、下記のHTMLのテキストの場合、2０文字は表示して、それ以降は三点リーダーに置き換わるはずなのに、ブラウザ上では三点リーダーしか表示されていません。
consol.logを使って調べてみると、文章の前後に空白があることがわかったので、trim()を使って、文字数のカウントは正しく行えますが、三点リーダーに書き換えて表示という部分が難しいです。
どのようにすれば、文字数制限ができるのでしょうか。

html
1<dl>
2 <dt>お知らせ</dt>
3   <dd class="js-textcut">
4     これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。これはダミーテキストです。
5   </dd>
6</dl>

javascript
1var count = 20;
2$(".js-textcut").each(function () {
3 var thisText = $(this).text();
4 var textLength = thisText.length;
5 if (textLength > count) {
6    var showText = thisText.substring(0, count);
7    var insertText = (showText += "…");
8     $(this).html(insertText);
9  }
10 });
11});