Javascript 修剪div的文本，但保留标记

我想限制为10个字符，但保持风格

var body=$（“.views字段体”）；
替换为（body.text（）.substring（0,10））

在最大限度地尊重人和代表人的原因中，这是一个最重要的问题

meum consilium
您可以解析所有元素，获取文本长度并检查其中一个是否为最大长度。在本例中，截断它，所有其他元素都为空：

HTML:


$（函数（）{
var textLength=0；
var maxLength=52；
$（'*：not（样式，脚本）'）。每个（函数（i，元素）{
if（textLength0）
返回；
否则{
让localLength=$（元素）.text（）.length；
textLength+=localLength；
console.log（textLength）；
如果（文本长度>最大长度）{
$（元素）.text（$（元素）.text（）.substring（0，（textLength+maxLength）-$（元素）.text（）.length））；
}
}
}否则{
$（元素）。文本（“”）；
}
});
});
。最后一个{
边框：2件纯黑；
}

我的有限页面
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个很好的选择，它是一个很好的选择。如果你能活下来，那你就不能活下去。圣人舌苔、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门、圣母门。Vivamus是一家非政府机构。南特里斯提克乌尔纳和乌尔特里斯法雷特拉。Lorem ipsum dolor sit amet，是一位杰出的献身者。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。这是我必须要说的话。粗俗而温和的自由主义者。大黄鱼。这是一个非常复杂的问题。Donec完成了一项任务。阿利奎姆·斯克利斯在坦帕斯向莱克托斯致敬。这是普尔文纳大教堂，但它只是暂时的。
整数里苏斯弧，菱形为元素层，拍卖人为est。库拉比图尔·奎斯·康莫多·维利特。Donec blandit，ipsum eget ornare ornare，前mollis augue，坐在amet fringilla magna nulla ac libero。在mauris ut orci lobortis aliquam的Fusce。在《大舌骨》中，射手座和阿利奎姆·奎斯、特里斯蒂克和奥古斯。在tellus porta的Nunc，发酵剂，分子nisl。库拉比图在前智人。阿利夸。在两个月的时间里，我一直在生活和工作。Morbi urna turpis、accumsan non dolor sit amet、lobortis mattis diam。佩伦特斯·梅特斯·托托、康斯奎特·库斯·麦格纳、乌尔库斯特·努拉。福西伯斯万岁，我的天哪。
无生命玉米饼，无生命玉米饼，大酵母菌。梅塞纳坐在阿梅特·利伯罗的位子上，自由放任。Nullam quam massa，maximus sed Elite eu，pulvinar ultrices libero。馆长坐在自由的前庭，我是布兰迪·努拉。莫利斯康格教堂。枕上动脉瘤。埃涅亚的普尔文纳狮子座，非维韦拉的同侧生命。莫里斯·艾克塔姆·卡姆自由宣言，欧盟发酵法。南费利斯埃拉特，红葡萄酒，白葡萄酒。不必担心，这是一个基本要素。前庭，莫利斯·利奥，奥奇。这是一个很好的例子，我们可以用它来表达自己的观点，也可以用它来表达自己的观点。一对一的奥奇，一对一的奥奇，一对一的奥奇。
前庭无耳和秃鹫。多奈克·里苏斯·图皮斯、马蒂斯·维塔斯·奎斯、伊吉斯塔·伊普森贵人。Lorem ipsum dolor sit amet，是一位杰出的献身者。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。临时侵权行为人是指侵权行为人。无主与封建主义。梅塞纳斯·福西布斯·厄洛斯·维塔·亨德雷特的名言。
我不知道，我要做什么，我要做什么，我要做什么，我要做什么。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。这是一只猫。这是一个很好的例子。菲舍勒斯·波苏尔·达皮布斯·努拉·非拉奥里特。乌尔特里斯普雷森特酒店。不可否认。turpis facilisis vehicula中的Nam sed libero。Donec viverra nisl nec mauris pharetra ullamcorper。佩伦茨克佩伦茨克坐在拉奥里特的阿梅特·拉克斯。乌尔特里斯库拉比图拉奥里特酒店

结束了吗
请使用以下代码：


var body=$（“.views字段体”）；
text（body.text（）.substring（0,10））
.views字段主体{
颜色：橙色；
}

这是一篇很长的文章。
为此，您需要递归地循环遍历每个子元素，并在该元素中保留一个连续的字符总数，如果需要，则截断文本，然后（大概）删除所有后续同级元素，因为它们现在是多余的。这不是一项简单的任务。它不适用于.views字段体中的任何内容，这正是我想让我尝试的，我认为如果您获得父div的
innerHTML
，在本例中，
。views字段体
无论贡献者在主体中添加了什么DOM元素，我想在修剪时保留它当仅选择$（'.views字段体'）时它不起作用您只需将“*”选择器替换为“.views字段体”哦，我明白了！在这种情况下，我想你需要一个更复杂的算法，可能是使用。我现在真的没有时间去尝试任何事情，但要玩得开心；）