Задать вопрос
@zhyshy

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

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

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


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

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

Петров Арнольд
Ефимович
  • Вопрос задан
  • 170 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
$('.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');
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Разбиваем строку по пробелу:
https://developer.mozilla.org/ru/docs/Web/JavaScri...
вставляем разрыв
собираем строку обратно:
https://developer.mozilla.org/ru/docs/Web/JavaScri...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы