Ищете идею, как измерить количество строк - PullRequest
3 голосов
/ 03 июня 2011

Я хочу взять текст на веб-странице и измерить его высоту в строках, независимо от любого другого параметра, поэтому, если я уменьшу ширину текста и получу больше строк, я получу новый счетчик строк.

Есть идеи, как это сделать с помощью JS и jQuery?

Кроме того, какие методы нумерации строк распространены?

Ответы [ 3 ]

4 голосов
/ 03 июня 2011

Почти такая же идея, как комментарий Гомми, но с высотой строки вместо высоты.

Скрипка здесь: http://jsfiddle.net/k_rma/vbCJm/

3 голосов
/ 03 июня 2011

Вот небольшая функция jQuery, которая делает это:

$.fn.numLines = function() {
    var tmp = $('<div style="visibility:hidden;">x</div>').appendTo(document.body);
    var lines = this.height() / tmp.height();
    tmp.remove();
    return lines;
};

Вы просто звоните $('#someElement').numLines(), чтобы узнать количество строк.

Вот демоверсия: http://jsfiddle.net/ThiefMaster/sHzMP/

0 голосов
/ 03 июня 2011

Это даст общее количество строк в данном тексте

  text.split("\n").length
...