Javascript 在具有一定高度/行的多个段落元素周围环绕一个div

我有一个固定宽度的

div

：580px，它可以包含不同计数的段落元素（可以是10，可以是100）。每个段落的内容/文本为几百字

我想要实现的是将

p

元素包装在

div

（带有类）的特定文本行之后。以下是我到目前为止所做的工作，我无法找到一种方法来确定包装的开始/结束

如果有一种方法可以计算p元素中“不”的行数，这也会有所帮助。例如，div

lipsum

有一个额外的跨度或其他div，有什么方法来处理它

函数换行（）{
var heightCount=0；
$（“#lipsum p”）。每个（函数（）{
heightCount+=$（this）.height（）；
如果（高度计数>500）{
console.log（'达到500'）；
//在此处包装代码，例如。
//…[p行中具有正确结束标记且小于500的元素]。。。
高度计数=0；
}
})
}

试验

Lorem ipsum dolor sit amet，是一位杰出的献身者。梅塞纳斯在奥基元素会议上发言。莱奥里特·朗库斯·德格尼西姆。阿利夸姆是一个奥奇奥奇，在尼布元素。阿利奎姆·莫利斯·埃拉特（Aliquam mollis erat）位于佩伦茨克（vehicula Pellentsque）。努克·苏西比特，利奥
在convallis lobortis，odio ipsum euismod sapien，accumsan velit eros non risus拍卖行。非睾丸炎性矢状体。Sed finibus ac eros eu tincidunt。Nam viverra egestas augue前庭元素。Suspendisse convallis felis sodales，
奥纳雷·内克·乌特，酒后驾车元素。毛里斯·ac·奥奇·马蒂斯，特里斯·尼西·奎斯，乌尔特里斯·乌尔纳。在tincidunt，dolor vitae euismod mattis，lorem arcu placerat velit，quis auctor est et sem。埃尼安·康瓦利斯·菲尼布斯·波苏尔。塞德·福吉亚·奥奇亚·拉齐尼亚
效率。但是，塞姆珀先生，他是一个交通工具，他是一个拱门，他是一个非大地之王。


狮子座的猫，前庭的生命，家族的祖先，坐在那里。Fusce ac dapibus nunc。艾蒂安·康格·米内克。梅塞纳斯·埃吉特·布兰迪·图皮斯。伏尔帕特悬架、康格欧盟设施工会、菲利斯·福西布斯·维利特精英、威尼斯国家博物馆。
根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。普拉森特·布兰迪特·康吉·萨皮恩。非发酵猫馆长，坐在阿梅特拍卖行。克拉斯·艾德鲁斯·努克。


在拉丁语中，我们需要一种新的表达方式。不可等分的阶段。孕期中间妊娠。非马来酸前菱形悬液。福斯坐在阿梅特菲尼布斯大街上。虎鲸。Nunc iaculis felis odio等
利奥的口头禅很温和。莫比·乌尔特里斯·图尔皮斯在米·佩伦茨克，坐在阿梅特·康斯特图尔·托托·帕特的座位上。毛里斯·阿努克·阿努克·佩伦茨克·拉齐尼亚。普尔文纳尔内克省萨皮安大教堂三座利古拉酒馆的酒馆。


无效率，在交通工具id的效率中。前庭位于同侧前庭，位于浮雕或浮雕和浮雕中；佩伦特式purus purus，molestie id dignessim id，consequeat a diam。这是一个很好的例子。
布兰迪·奎姆的生活万岁。这首歌的主题是《大地》中的利奥·阿利奎姆·福西伯斯（Suspendisse quis enim posuere leo aliquam faucibus）。没有效率就等于没有效率。埃尼安在内克港。在乌拉姆科珀·尼什（ullamcorper nisl）的带领下，利古拉（ligula）被说服了。不要和我对号入座。
这是智者的口头禅。这是一个非常有趣的故事。整尾turpis dolor，fringilla quis orci at，finibus lacinia urna。细叶车轴草。克拉斯·弗林利亚权杖精英维塔·维塔拉。


莫利斯·麦格纳（Mallis magna）是维韦拉（viverra）和维瓦玛（Vivamus malesuada neque eget ultricies），非封建的老街（metus laoreet）。妊娠期芦丁。在orci nec neque bibendum feugiat酒店。前南部的tincidunt Vivamus，ac效率
尼伯法雷特拉鼠。前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭，前庭。前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭前庭。这是我的信仰。


我是精英，我是精英，我是精英，我是精英。双酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌属同侧酵母菌。这是一个巨大的家族，是一个特殊的家族。南康格turpis和leo laoreet porttitor。多奈克卢库斯酒店
这是一个非常好的例子。阿利奎姆·埃拉特·帕特。莫里斯·维塔·萨皮安·马萨·福西布斯·维尼纳蒂斯·波特提托·奎姆。Morbi eu ligula nec felis pharetra tempor。


奥古斯·塞德·阿利奎特夫人万岁。这是一个拍卖行。葡萄品种Vivamus varius nunc在葡萄园中，在发酵酒和芸香酒中。佩伦特斯式的苏打水。双星是狮子座。纳姆·维内纳提斯·阿利奎姆·奥奇·阿库姆桑。
设施中的无主生活区。妊娠期子宫内膜异位症。相性腔隙。


奥古斯·默里斯维尔，奥迪奥的积累。阿利夸姆faucibus pharetra velit aliquet Placelat。莫里斯·波苏尔·苏西皮特·夸姆·非威尼斯人。他坐在一个临时的办公室里。这是一个巨大的世界。杜伊斯·比本杜姆
在odio aliquam，mattis consequat mi sodales。胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破、胎膜早破。无牙、无牙、无牙、无牙。整型梅特斯埃拉酒店
nec、ultricies等。尤伊斯莫·乌拉姆科珀的前庭拍卖人利奥。在最后的矢状面上，他是一位真正的女性。莫比是奥古斯·图皮斯。前庭不需要车辆照明。


植物性舌，植物性舌，植物性舌，植物性舌，植物性舌。我坐在阿梅特·拉奥里特·维利特旁边。Phasellus et Imperorci。这是一个特殊的前庭。静脉曲张悬液
var x = document.getElementById("lipsum");
var p = x.querySelectorAll("p");
var startHeight = 0;
var firstDivP = 0;
const pageHeight = ...;

for (var i = 0; i < p.length; i++) {
  if ($(p[i]).offset().top > startHeight + pageHeight) {
    //put a div around the preceeding paragraphs. this means from firstDivP to i - 1
    firstDivP = i;
    startHeight = $(p[i]).offset().top;
  }
}