Javascript 操纵H1标签

我有以下问题：

<h1 id="title">Text Text Text <br> Second Text Text Text </h1>

文本
第二个文本

如何更改或操纵break标记后的文本

我无法更改HTML本身，必须通过包含jQuery的JavaScript来完成

操作后，它应该如下所示：

<h1 id="title">Text Text Text <br> <span id="preTitle"> blablabla </span></h1>

Text
blabla

---

有人能解决这个问题吗？提前感谢

在

h1

标记中使用初始html。按

br

标记将其拆分。使用

span

标记调整拆分html的第二部分。用

br

标签连接拆分的零件，并将其放回

h1

标签：

var html=$（“#title”）.html（）；
var parts=html.split（“
”）；
零件[1]=“”+零件[1]+“”；
$（“#title”）.html（parts.join（“
”））
.preTitle{
颜色：红色；
}

文本
第二个文本
您可以使用JQuery：

var titleHtml = $("#title").html().split('<br>');
$("#title").html(titleHtml[0]+"<br><span id='preTitle'>"+titleHtml[1]+"</span>");

var titleHtml=$（“#title”）.html（）.split（“
”）；
$（“#title”）.html（titleHtml[0]+”
“+titleHtml[1]+”）；
感谢您提供的快速解决方案：）我正在使用它，但我必须等待8分钟：Pdo您知道当您无法使用拆分时有什么可能吗？因为IE8不明白这一点