Jquery 如何放置<；span>；在H1和href标记中的第一个单词上

我试图在H1标记的第一个单词周围插入一个span

不幸的是，标签也可以是链接，可以包括类等，例如：

Source=

这是一个测试

输出=

这是一个测试

Source=

这是一个测试

输出=

这是一个测试

以前有人在say jQuery中这样做过吗？

检查一下，你可以让它包装单词和字母。太棒了

这可以通过

$(' your selecter').each(function(){
     var one = $(this);
     one.html(one.html().replace(/^(\w+)/, '<span>data</span>'));
});

$（“您的选择器”）。每个（函数（）{
var one=$（本）；
html（one.html（）.replace（/^（\w+/，'data'））；
});

适用于其中的“a”标记和纯文本

$('h1').each(function(){
        if($(this).find('a').length>0)
        {
            var text = $(this).find('a').html();
            text = text.split(' ');
            if(text.length>0)
            {
                text[0] = '<span>' + text[0] + '</span>';
                $(this).find('a').html(text.join(' '));
            }
        }
        else
        {
            var text = $(this).html();
            text = text.split(' ');
            if(text.length>0)
            {
                text[0] = '<span>' + text[0] + '</span>';
                $(this).html(text.join(' '));
            }
        }
    });

$（'h1'）。每个（函数（）{
if（$（this.find（'a'）。长度>0）
{
var text=$（this.find（'a'）.html（）；
text=text.split（“”）；
如果（文本长度>0）
{
文本[0]=''+文本[0]+''；
$（this.find（'a'）.html（text.join（“”））；
}
}
其他的
{
var text=$（this.html（）；
text=text.split（“”）；
如果（文本长度>0）
{
文本[0]=''+文本[0]+''；
$（this.html（text.join（“”））；
}
}
});

---

您可以试试这个，它对两个示例都有效

$('h1').each(function(){
     var self = $(this);
     var p = self.text().split(' ');
     var html = self.html().replace(p[0], '<span>'+ p[0] +'</span>');
     self.html(html);
});

$（'h1'）。每个（函数（）{
var self=$（这是）；
var p=self.text（）.split（“”）；
var html=self.html（）.replace（p[0]，''+p[0]+''；
html（html）；
});

---

检查此

此链接可能有助于检查我的答案，我发现HTML存在问题，请更正