@zhyshy

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

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

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


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

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

Петров Арнольд
Ефимович
  • Вопрос задан
  • 156 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
$('.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>');
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Разбиваем строку по пробелу:
https://developer.mozilla.org/ru/docs/Web/JavaScri...
вставляем разрыв
собираем строку обратно:
https://developer.mozilla.org/ru/docs/Web/JavaScri...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы