Как сделать, чтобы последнее слово внутри абзаца оборачивалось в span?

Question

<p>Обернуть в span последнее слово</p>

Answer 1

var p = document.getElementsByTagName('p')[0];
var text = p.innerHTML;         // Получаем текст, который в тэге
var arr = text.split(' ');      // Делим строку на слова
var word = arr[arr.length - 1]; // Берем последнее слово

p.innerHTML = text.slice(0, text.lastIndexOf(word)) + `<span>${word}</span>`;

span {
  color: red;
}

<p>Обернуть в span последнее слово</p>

Answer 2

let p = document.querySelector("p");

p.innerHTML = p.innerHTML.replace(/\s(\S+)$/, " <span>$1</span>");

span { color: red; }

<p>Обернуть в span последнее слово?</p>

\s — "space": Любой пробельный символ,
\S — любой символ кроме пробела,
$ — условное обозначение конца строки.

$1 в строке-замене ссылается на совпадение внутри скобок.

Придется усложнить регулярное выражение, если хочется брать именно "слово" по каким-то критериям, а не просто "всё, что не пробел".

RegExp шпаргалка

БЛОГ НА HUSL

Как сделать, чтобы последнее слово внутри абзаца оборачивалось в span?

Ответы (2 шт):