2016-05-31 73 views
1

如何知道字符串的椭圆化和可见子串?如何获取使用文本溢出时删除的文本:省略号

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

我想知道:

原始文本:This is some ellipsed text

可见文本:This is

Ellipsized文字:some ellipsed text

+2

,我不相信这是可能的,因为效果不是DOM的一部分来获得这个值。你为什么需要它? –

+0

^^听起来像是X/Y问题。如果你能解释你想要的东西,那可能有一个解决方案。 – Archer

+0

@RoryMcCrossan,我在屏幕上有一个列表,每个记录都是椭圆化的,如果用户搜索文本“abc”,并且如果“abc”是椭圆化文本的一部分,我想突出显示3dots ...来表明搜索结果文本被省略。 –

回答

0

这里的东西并不总是如此确切,但很接近: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)); 

你可以改变宽度检查功能,如果你想

相关问题