Как проверить имеет ли текст 2 строки или более?

Question

[Сергей]

Как с помощью jquery проверить имеет ли текст 2 строки или более? В теге <th> иногда у меня появляется 2 строки. Для второй строки мне нужно выполнять определенные манипуляции, для этого нужно как-то вычислять эти строки (кроме первой).

Answer 1

[devilsD]

Вам нужно проверять не количество строк а высоту элемента. Если у вас задан line-height: 15px, то проверяйте высоту блока внутри th на это значение.

var els = $('th>div');
var lineHeight = 15; 
$.each( els, function( i, el ){
 if($(el).height() > lineHeight){
  // действие
}
});

Comments

[Сергей]

devilsD Ну окей таким образом я пойму что там больше 1 строки. Но всё равно как мне выделить вторую строчку? Мне надо там всего лишь уменьшить шрифт

[devilsD]

Сергей, Хм.. Первое что приходит на ум - это обернуть скриптом каждый символ в span , и отобрать spanы которые имеют отступ от верхней границы родительского элемента > 0 , а потом их стилизировать добавлением класса.

[nvdfxx]

Сергей, по-моему, тут прослеживается довольно простая логика: имеются 2 сущности в ячейке - сумма и остальная строка, сумма всегда помещается в одну строку(?), оборачиваем их в спаны, и, если высота элемента больше 1 строки, то 2му спану даем класс

Answer 2

[Smeecy Smeecy]

Почему бы просто не обернуть каждую строчку в тэг "p" , вы же примерно понимаете, где будет одна строка а где две и более? Дайте отдельный класс всем тэгам "p" в блоке "th" и повесьте на него уменьшение шрифта.
Ну или так.