Динамический эллипс текста в соответствии с шириной div при изменении размера окна в jquery

Question

У меня есть текст внутри div, и я хочу, чтобы он был эллипсом согласно ширине div в одной строке. Если я изменяю размер окна так, чтобы оно вычисляло ширину и помещало в него текст с помощью эллипса и текста «Больше». Прямо сейчас я определяю размер буквы и substr это. который не работает в случае изменения размера.

var showChar = 50;
    var ellipsestext = "...";
    var moretext = "more";
    var lesstext = "less";
    $('.eve_ticket .ticket_type').each(function() {
        var content = $(this).html();
        if(content.length > showChar) {

            var c = content.substr(0, showChar);
            var h = content.substr(showChar-1, content.length - showChar);

            var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a class="morelink">' + moretext + '</a></span>';

            $(this).html(html);
        }
    });