Вырезать строку после n символов, но если она находится в середине слова, вырезать все слово

Я пытаюсь создать функцию JS, которая обрезает строку после n. символы - это работает. Проблема в том, что если это в середине слова, это выглядит плохо, поэтому мне нужна ваша помощь, чтобы вырезать все слово, если оно в середине.

Мой код на данный момент:

if($('#desc').text().length > 505){
  str = $("#desc").text();
  $('#desc').text(str.substring(0, 505)).append('...');
}

P.S.

• #desc — это div, содержащий мою строку.
• вы можете использовать jQuery.