使用jQuery計算PRE元素的行數

Question

如何計算<pre>標記包含多少行文本？

我想追加一個絕對的div與行號旁邊。

Answer 1

你可以使用javascript split函數來計算換行符。

$('pre').html().split(/\n/).length 

更好

$('pre').html().match(/\n/) 

Answer 2

使用jQuery

$('#preID').text().split('\n').length 

使用普通的JavaScript

document.getElementById('preID').innerHTML.split('\n').length 

例如在http://jsfiddle.net/gaby/tdekQ/

Answer 3

只要這將作爲你沒有任何<br>代碼會在<pre>元素：

var numlines = $('#mypreelement').text().match(/\n\r?/g).length + 1;

例子：http://jsfiddle.net/jtbowden/3QThm/

您可以處理<br>標籤通過分別計算它們：

var pretext = $('#mypreelement').html(); 
var numlines = pretext.match(/\n\r?/g).length + 1; 
numlines += $('#test br').length; 

示例：http://jsfiddle.net/jtbowden/3QThm/2/

<pre>中的其他標籤會令您頭疼。