Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery计算PRE元素的行数_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jQuery计算PRE元素的行数

Javascript 使用jQuery计算PRE元素的行数,javascript,jquery,html,Javascript,Jquery,Html,如何计算一个标记包含多少行文本 $('pre').html().split(/\n/).length 我想添加一个绝对div,旁边有行号。您可以使用javascript split函数来计算换行数 $('pre').html().match(/\n/) 更好 $('#preID').text().split('\n').length 使用jQuery document.getElementById('preID').innerHTML.split('\n').length 使用普通jav

如何计算一个
标记包含多少行文本

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

我想添加一个绝对div,旁边有行号。

您可以使用javascript split函数来计算换行数

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

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

document.getElementById('preID').innerHTML.split('\n').length
使用普通javascript

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

例如,只要您的

示例:


中的其他标记会让您头疼。

您仍然需要使用匹配的
.length
。另外,请注意,在计算换行符时,您需要将1添加到匹配结果中。有关示例,请参阅我的答案。如果行中有一个
,则失败,最好使用innerHTML和:/\n |
/行计数似乎超出1。这对我有效:)谢谢