JimmiJanger
@JimmiJanger
Любопытный активист, под маской ленивого нуба.

Как подсветить элементы, содержащие заданную подстроку, игнорируя регистр?

Мне нужно делать поиск по классу intro, примерчик я набросал тут:


В принципе, код работает, но.
Я не могу сделать так, чтобы код игнорировал регистр.
В примере он должен подсветить две последние строчки.
  • Вопрос задан
  • 95 просмотров
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
$('.intro')
  .filter((i, n) => $(n).text().toLowerCase().includes(t))
  .css('background-color', 'silver');

или

for (const n of document.getElementsByClassName('intro')) {
  if (n.textContent.toLowerCase().indexOf(t) !== -1) {
    n.style.backgroundColor = 'silver';
  }
}

или

.highlight {
  background-color: silver;
}

document.querySelectorAll('.intro').forEach(function(n) {
  n.classList.toggle('highlight', ~n.innerText.search(this));
}, RegExp(t, 'i'));
Ответ написан
coderisimo
@coderisimo Куратор тега JavaScript
Прошу прощения, что использую "устаревший" jQuery ))))).
Всего одна "устаревшая" строчка решает задачу.
$('.intro').each(function(e){
   /friend/i.test($(this).html()) && $(this).css('background-color', 'silver');
 });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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