如何獲取使用文本溢出時刪除的文本：省略號

如何知道字符串的橢圓化和可見子串？如何獲取使用文本溢出時刪除的文本：省略號

小提琴：https://jsfiddle.net/dyfkqhk4/1/

我想知道：

原始文本：This is some ellipsed text

可見文本：This is

Ellipsized文字：some ellipsed text

來源

2016-05-31 Dhairya Vora

，我不相信這是可能的，因爲效果不是DOM的一部分來獲得這個值。你爲什麼需要它？ –

^^聽起來像是X/Y問題。如果你能解釋你想要的東西，那可能有一個解決方案。 – Archer

@RoryMcCrossan，我在屏幕上有一個列表，每個記錄都是橢圓化的，如果用戶搜索文本「abc」，並且如果「abc」是橢圓化文本的一部分，我想突出顯示3dots ...來表明搜索結果文本被省略。 –

這裏的東西並不總是如此確切，但很接近：DEMO

$('body').append('<div class="temp-letter">k</div>'); 
$('.temp-letter').css({ 
    width:'initial', 
    display:'inline-block' 
}); 
var letterWidth=$('.temp-letter').width(), 
    index=Math.ceil($('div').width()/letterWidth); 
$('.temp-letter').remove(); 
alert($('div').text().substr(index,$('div').text().length));

你可以改變寬度檢查功能，如果你想

來源

2016-05-31 13:36:32

如何獲取使用文本溢出時刪除的文本：省略號

回答

相關問題