Как перенести каждое 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((i, html) => {
  const [ a, b, c ] = html.split(' ');
  return `${a} ${b}<br>${c}`;
});

или

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

Comments

[zhyshy]

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

Answer 2

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

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