Javascript/jquery - 从字符串中获取第一个和最后一个单词然后用类包装

Question

所以我有一个 block 引用:

<blockquote>
 <p>We seek to innovate: not for the sake of doing something different, but doing something
 better.</p>
</blockquote>

我需要做的是从字符串中获取第一个和最后一个单词。然后我需要包装 <span class="firstWord"></span>围绕第一个词和 <span class="lastWord"></span>围绕句子中的最后一个词。

仅供引用 - 文本会不断变化，因此第一个词和最后一个词不会总是同一个词。

我有办法做到这一点吗？

Answer 1

使用jQuery先将文本拆分成数组，修改数组中的第一个和最后一个元素，然后加入数组

$('blockquote p').html(function(_, existing) {
  var words = existing.trim().split(' ');
  words[0] = '<span class="firstword">' + words[0] + '</span>';
  words[words.length - 1] = '<span class="lastword">' + words[words.length - 1] + '</span>';
  return words.join(' ');
});

.firstword,
.lastword {
  color: red;
  font-weight: bold;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<blockquote>
  <p>We seek to innovate: not for the sake of doing something different, but doing something better.</p>
</blockquote>