jquery - 使用 jQuery，选择元素的第一个单词并更改 css

Question

我见过很多关于如何获取元素的第一个单词并在其周围添加跨度的示例，为该元素提供一个可以在 CSS 中更改的新类，但我无法弄清楚如何直接在 jQuery 中更改 CSS。

我现在正在使用此代码来执行跨度操作:

$("h1").html(function(i, text){
  return text.replace(/\w+\s/, function(match){
    return '<span class="first_word"> + match + '</span>;
}); });

我正在尝试将标题的第一个单词设置为新的颜色和字体系列。它适用于我的 h1，但我还有一个小部件标题 h3，当我将其添加到选择中时，它会以纯文本形式显示添加的跨度。所以我只想更改第一个单词的 css 而不是添加跨度。 (我也不知道“/\w+\s/”在做什么，所以解释一下这将是一个额外的好处:))

谢谢各位智者!

Answer 1

有一个 first-letter 和一个 first-line 伪元素，但没有第一个单词。您需要跨度。