Как заменить текст на jquery?

Question

[Alex Ozerov]

Всем Привет! Помогите напистать маленькую функцию: есть: <div class="text"> April</div>. Нужно чтобы: если в блоке с класом текст написано April, то заменить текст на "Апрель", если там написано "March" то за менить текст на "Март", и тд. Не силен в js, прошу помощи.

Answer 1

[0xD34F]

Кому надо заменить текст: const className = 'text';.

Соберём объект вида { старый_текст: новый_текст }:

const months = Object.fromEntries(Array.from({ length: 12 }, (n, i) => {
  const d = new Date(0, i);
  return [
    d.toLocaleString('en-US', { month: 'long' }),
    d.toLocaleString('ru-RU', { month: 'long' }).replace(/./, m => m.toUpperCase()),
  ];
}));

Выполним замену:

$('.' + className).text((i, text) => months[text.trim()]);

// или

document.querySelectorAll(`.${className}`).forEach(n => {
  const key = n.innerText;
  if (months.hasOwnProperty(key)) {
    n.innerText = months[key];
  }
});

// или

for (const n of document.getElementsByClassName(className)) {
  n.textContent = months[n.textContent.trim()] ?? n.textContent;
}

Answer 2

[Randel Kovalsky]

const monthes = {
  'January': 'Январь',
  'February': 'Февраль',
  'March': 'Март',
  ////////////////////////// Все остальные месяцы
  'December': 'Декабрь'
};

$('.text').text(monthes[$('.text').text()]);


// Так немного понятнее будет, думаю...

Answer 3

[lagudal]

Вот мне недавно помогли с подобным вопросом, может, немного длиннее функция, но тем не менее, для коллекции

Answer 4

[Надим]

Вам выше накидали много правильных вариантов на чистом JavaScript, но как дополнение, приведу пример на jQuery:
$('div.text:contains("April")').html('Апрель');
Это не совсем хороший вариант, но мне интуиция говорит, что этот вариант вам понравится больше из-за простоты.

Дословно здесь задано следующее условие: если будут найдены элементы div с классом text содержащее внутри себя текст April, то весь текст внутри найденных элементов будет заменен на Апрель.

Comments

[Randel Kovalsky]

Пардон, но чистого JavaScript ни в одном ответе нет, везде jQuery используется.

[Надим]

Randel Kovalsky, значит я не внимательно смотрел.