使用jquery编辑的h1标记的第一个和第二个单词？

如何使用jquery在h1标记的第一个单词上添加跨距选择，然后在第二个单词上添加不同的跨距选择

例如，我想更改：

<h1>This is a title</h1>

这是一个标题

到

这是一个标题

var splitted=$（“h1”）.text（）.split（“”）；
如果（拆分。长度>0）{
$（“h1”）.html（“”）.append（“+splitted[0]+”）；
如果（拆分。长度>1）{
$（“h1”）.append（“+splitted[1]+”）；
对于（var i=2；i
现在，您有了一个可以使用的单词数组，并可以使用跨距等方式发出回，例如：

words[0] = '<span class="firstWord">' + words[0] + '</span>';
var sentence = $('h1').text(words.split(' '));

words[0]=''+单词[0]+''；
变量句子=$（'h1'）。文本（单词。拆分（''）；
请参见：

然后，您可以为
.word1
和
.word2
添加CSS

请参阅：
警告：只有在
标记中没有HTML时，这才是安全的（这就是为什么
.text（）
用于获取初始值）。我认为在
标记中使用HTML是不可能的

var $h1 = $('h1');
h1_words = $h1.text().split(' ');
if (h1_words.length >= 2) {
    h1_words[0] = '<span class="firstWord">'+h1_words[0]+'</span>';
    h1_words[1] = '<span class="secondWord">'+h1_words[1]+'</span>';
}
$h1.html(h1_words.join(' '));

var$h1=$（'h1'）；
h1_words=$h1.text（）.split（“”）；
如果（h1_words.length>=2）{
h1_字[0]=''+h1_字[0]+''；
h1_字[1]=''+h1_字[1]+''；
}
$h1.html（h1_words.join（“”））；
我的版本：

var parts = $('h1').text().split(' ');
parts[0] = '<span class="firstWord">'+parts[0]+'</span>';
parts[1] = '<span class="secondWord">'+parts[1]+'</span>';
alert(parts.join(' '));

var parts=$（'h1'）.text（）.split（''）；
部分[0]=''+部分[0]+''；
部分[1]=''+部分[1]+''；
警报（部件连接（“”））；
var str=$（'h1'）.text（）.trim（）
var strArray=str.split（“”）；
无功温度；
对于（var i=1；iDo），您只需要两个跨距，还是需要一个单独跨距内的h1标记内的每个单词？
words[0] = '<span class="firstWord">' + words[0] + '</span>';
var sentence = $('h1').text(words.split(' '));

$('h1').html($('h1').html().replace(/^(\w+) (\w+)/, '<span class="firstWord">$1</span> <span class="secondWord">$2</span>'));

$('h1').lettering('words');

var $h1 = $('h1');
h1_words = $h1.text().split(' ');
if (h1_words.length >= 2) {
    h1_words[0] = '<span class="firstWord">'+h1_words[0]+'</span>';
    h1_words[1] = '<span class="secondWord">'+h1_words[1]+'</span>';
}
$h1.html(h1_words.join(' '));

var parts = $('h1').text().split(' ');
parts[0] = '<span class="firstWord">'+parts[0]+'</span>';
parts[1] = '<span class="secondWord">'+parts[1]+'</span>';
alert(parts.join(' '));

var str = $('h1').text().trim()

var strArray = str.split(' ');

var temp;

for(var i=1;i<strArray.length;i++){
   temp += strArray[i]+" "
}

var result = '<span class='firstWord'>'+strArray[0]+'</span>'+" "+temp.trim()

$('h1').text(result)