如何使用jquery在我的文本中的符号后添加跨距

我有元素

<h1>some text - subtitle starts here</h1>

一些文本字幕从这里开始

我想在后面加一个span-

<h1>Some text - <span>subtitle starts here</span></h1>

一些文本字幕从这里开始

您需要

append（）

函数。（见文件）

Html:

Loremipsum

jQuery：

$('#foo').append('<span>subtitle starts here</span>');

$（'#foo'）.append（'副标题从这里开始'）；
$（'h1'）。追加（'subtitle part'）；

或者，如果您有字幕部分，只想用
换行：

var text=$（'h1'）.text（）；
text=text.split（'-'）；
$（'h1'）.html（文本[0]+'-'+文本[1]+''）；
您可以使用连字符执行
拆分
，并更改拆分数组的第二部分。然后，
使用连字符连接
。将此新结果作为HTML分配给
标记：


var nHTML=$（'h1'）.html（）；
nHTML=nHTML.split（'-'）；
nHTML[1]=''+nHTML[1]+''；
$（'h1'）.html（nHTML.join（'-'））
h1跨度{
颜色：绿色；
}

一些文本-字幕从这里开始
如果您在网站上只有一个
h1
标签，您可以使用
replaceWith
功能

$("h1").replaceWith("<h1>Some text - <span>subtitle starts here</span></h1>");

$（“h1”）.replacetwith（“一些文本-字幕从这里开始”）；

文档：
到目前为止您尝试了什么？这不是OP想要的这不是OP想要的-对不起，这是正确的。第一眼就不清楚。
var text = $('h1').text();
text = text.split(' - ');
$('h1').html(text[0] + ' - <span>' + text[1] + '</span>');

$("h1").replaceWith("<h1>Some text - <span>subtitle starts here</span></h1>");