Jquery 如何在div中文本的第一部分周围添加跨距

我试图在div中的纯文本的第一部分周围环绕一个跨距，并使用不同的字体颜色和字体大小对其进行样式设置，然后在其后面有一个换行符。问题是，这是一个纯文本，我不能在后端添加任何自定义代码，所以我必须找到一个技巧来完成这项工作

它是CMS中的纯文本输入字段，这是前端的结果：

---

---

这是约会部分，我想强调一下

现在，我有几个想法来做这个把戏：

1.在[]中设置日期，并通过jQuery进行标识，如：

---

因此，括号之间的所有内容都应为红色，例如

计算前28个字符，并使它们在 前端，所以我必须保持日期结构不变， 这是可能的，但不是那么方便

3.要在我要突出显示的日期/部分后插入####。。。

---

。。。并告诉jquery在#####之前查找所有内容，并在其周围环绕一个空格。当然#####应该在他们的工作完成后消失：-）

重要的是要知道。。。一个站点上会有多个不同的日期，所以也许第三种解决方案最有效，这样我就可以解析整个站点并搜索#####来编辑它之前的所有内容，在每个实例中。。。所以在那些标签之前它说什么都不重要。。。在######之后添加一个换行符也很好，这样下面的文本将以新行开始

这是给定的代码：

<div id="cc-m-1" class="j-module n j-text ">
Next date: 12.09.-25.09.2019 In this course you can learn how to...
</div>

<div id="cc-m-1" class="j-module n j-text ">
Next date: 26.09.-05.10.2019 This is another course for you...
</div>

下一个日期：2019年9月12日至9月25日在本课程中，您可以学习如何。。。
下一个日期：2019年9月26日至10月5日这是您的另一个课程。。。

---

希望你能理解，有人能帮助我，提前谢谢

没有更好的数据样本，很难处理所有的怪癖，但这应该让你开始。祝你好运

$（文档）.ready（函数（）{
$（“.j-module”）。每个（函数（）{
styleDiv（$（this.attr（“id”））；
});
});
函数isDate（dt）{
var日期=新日期（日期替换（“.”，“-”）；
返回（日期-实例-截止日期）；
}
函数styleDiv（id）{
var alltext=$（“#”+id）；
var chunks=新数组（）；
chunks=$（“#”+id）.text（）.split（“”）；
var texttobold=“”；
for（var i=0；i

.boldtext{
字体大小：粗体；
}

下一个日期：2019年9月25日在本课程中，您可以学习如何。。。
您最喜欢的日期：2020年12月21日在本课程中，您可以学习如何。。。
下一个日期：2019年9月4日在本课程中，您可以学习如何。。。

大家好，欢迎光临！您是否在问如何为您的解决方案编写代码？如果是，您的尝试在哪里？还是你在问我们会怎么做？如果是，请在阅读了这个日期格式之后修改你的问题

12.09.-25.09.2019

——如果日期总是这样或总是固定宽度，并且“date”字符串将解析为有效的

date

，我只需从div（缓冲区样式）中的文本中读取所需的字符数，当您得到有效的

date

返回时，使用缓冲区中的当前位置，并根据需要读取上一个换行和样式所需的字符数。请注意，页面上的所有id都应该是唯一的（id=“cc-m-1”在您的示例中出现两次）。我尝试了stackoverflow的不同解决方案，但没有尝试就无法使其工作。我已经尝试了至少3个小时的艺术尝试：-（所以我决定询问专家，因为我知道一点HTML和CSS，但几乎不了解jQuery…我知道唯一ID的事情，但这是来自JIMDO的原始代码，JIMDO是德国著名的CMS，这是他们的代码：-）嗨，mjw，谢谢你的支持。。。我试了一下，但不幸的是，这在我的情况下不起作用。正如我告诉你的，这是一个CMS，我必须处理给定的代码。其中一部分是，它在一个页面上多次使用id=“cc-m-1”。。。这是我无法改变的。您的解决方案似乎处理“日期”格式，尽管我不得不承认，我对您提供的代码不太了解。。。我认为一个更好的解决方案是在我所拥有的其他想法的基础上。。。为了解析整个站点，让jQuery在[]括号之间查找字符串，并为它们分配一个类……我甚至想在粗体状态中加上更多内容，比如：[下一个日期：12.09.-25.09.2019]，或者看起来像[下一个日期：25.09.2019]。。。所以括号之间的所有东西都应该用一个跨距包裹起来……这是关于ID的事情。它们在你的页面上绝对是独一无二的。如果没有，您就不应该将id用于jQuery选择器，在这种情况下，我们需要查看所讨论页面的完整HTML，而不仅仅是您希望设置样式的几个div元素。选择元素按类或标记名进行样式设置是合理的…并根据检查数据的逻辑将它们作为一个集合进行解析…但如果没有看到所有标记，我无法为您这样做。所以这不是一个自由软件解决方案的网站。它是为了帮助开发人员解决您正在编写的代码的问题-祝您好运

[Next date: 12.09.-25.09.2019] In this course you can learn how to...

Next date: 12.09.-25.09.2019 ### In this course you can learn how to...

<div id="cc-m-1" class="j-module n j-text ">
Next date: 12.09.-25.09.2019 In this course you can learn how to...
</div>

<div id="cc-m-1" class="j-module n j-text ">
Next date: 26.09.-05.10.2019 This is another course for you...
</div>