Erhalten Sie nur die Ellipse Text mit jquery

Question

Guter Code, nur gefragt, ob es möglich ist, abzufragen und die Ellipse Text (d. H. Mit den Punkten in und nicht den ursprünglichen Text)?

Wenn ich den Text

Dieses Add ist ein langer Satz

und (mit der entsprechenden CSS für Auslassungspunkte), um es

verkürzt wird Dies ist ein langer sen ...

Gibt es eine Möglichkeit, die te zu bekommen xt

"This is a long sen ..." 

vom $("p") DOM-Objekt anstatt der ursprünglichen Text?

Answer 1

I have a rough draft, dass einige Browser-spezifische Tweaking benötigt.

JavaScript:

jQuery.fn.getShowingText = function() { 
    // Add temporary element for measuring character widths 
    $('body').append('<div id="Test" style="padding:0;border:0;height:auto;width:auto;position:absolute;display:none;"></div>'); 
    var longString = $(this).text(); 
    var eleWidth = $(this).innerWidth(); 
    var totalWidth = 0; 
    var totalString = ''; 
    var finished = false; 
    var ellipWidth = $('#Test').html('&hellip;').innerWidth(); 
    var offset = 7; // seems to differ based on browser (6 for Chrome and 7 for Firefox?) 
    for (var i = 0; 
    (i < longString.length) && ((totalWidth) < (eleWidth-offset)); i++) { 
     $('#Test').text(longString.charAt(i)); 
     totalWidth += $('#Test').innerWidth(); 
     totalString += longString.charAt(i); 
     if(i+1 === longString.length) 
     { 
      finished = true; 
     } 
    } 
    $('body').remove('#Test'); // Clean up temporary element 
    if(finished === false) 
    { 
     return totalString.substring(0,totalString.length-3)+"…"; 
    } 
    else 
    { 
     return longString; 
    } 
} 
console.log($('#ellDiv').getShowingText()); 

CSS:

#Test { 
    padding:0; 
    border:0; 
    height: auto; 
    width: auto; 
    position:absolute; 
    white-space: pre; 
} 
div { 
    width: 100px; 
    white-space: nowrap; 
    border: 1px solid #000; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    padding:0; 
} 

Mit dem Vorbehalt, dass die offset Bedürfnisse Browser zu ändern, je nach, es sei denn, jemand herausfinden kann, was es verursacht.

Ich vermute letter-spacing oder ähnliches?