Как перенести каждое 3-е слово на новую строку с помощью jquery?

Question

[zhyshy]

Добрый день!
Скажите, как с помощью jquery (ну или чистом js) перенести каждое 3-е слово на новую строку?

Например, на странице есть такой код:

<p class="break-word">Иванов Макар Иванович</p>
<p class="break-word">Смирнов Егор Антонович</p>
<p class="break-word">Петров Арнольд Ефимович</p>

Необходимо, чтобы на сайте это отображалось как:
Иванов Макар
Иванович

Смирнов Егор
Антонович

Петров Арнольд
Ефимович

Answer 1

[0xD34F]

$('.break-word').html(function() {
  const [ a, b, c ] = $(this).text().split(' ');
  return `${a} ${b}<br>${c}`;
});

или

document.querySelectorAll('.break-word').forEach(n => {
  n.innerHTML = n.innerText.replace(/\s(\S+)$/, '<br>$1');
});

или

.break-word {
  white-space: pre;
}

for (const n of document.getElementsByClassName('break-word')) {
  n.textContent = n.textContent.replace(/ (?=[^ ]+$)/, '\n');
}

Comments

[zhyshy]

Спасибо! Все сработало

Answer 2

[Максим Тимофеев]

Разбиваем строку по пробелу:
https://developer.mozilla.org/ru/docs/Web/JavaScri...
вставляем разрыв
собираем строку обратно:
https://developer.mozilla.org/ru/docs/Web/JavaScri...