2017-01-16 3 views
0

У меня есть динамический текст, который загружается в таблицу. Я хочу добавить всплывающее окно/подсказка, если текст имеет текст css text-overflow: эллипсы.добавить подсказку к элементу, который имеет css text-overflow: эллипсы

Как я могу получить только те td, у которых длинный текст, чем ширина столбца.

Ember.$('*').filter(function() { 
      return Ember.$(this).css('text-overflow') === 'ellipsis'; 
     }).each(function(elm){ 
}); 

Я пробовал код, чтобы получить td с переполнением текста: многоточие. Но в вяжу я получаю номер. Мне нужен полный элемент td.

+0

Почему бы вам не дать свойство 'title' всем компонентам' td'? – ykaragol

+1

Не будет ли у всех divs 'text-overflow: ellipsis' установленным для них? –

+0

Будет ли эта помощь: http://stackoverflow.com/questions/6406843/detect-if-text-has-overflown? – valtlai

ответ

1

$('selector').each() передает Индекс и Элемент обратного вызова. Вот почему вы просто видите номер. Подробнее:

https://api.jquery.com/each/

Попробуйте это:

Ember.$('*').filter(function() { 
    return Ember.$(this).css('text-overflow') === 'ellipsis'; 
}).each(function(ind, elm){ 
    // do things to elm now 
}); 

Это может дать вам больше, чем просто <td> элементов, так что будьте осторожны. Может добавить:

return Ember.$(this).find("td").css('text-overflow') === 'ellipsis'; 

Надеюсь, что это поможет.

Смежные вопросы