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

Question

[Тимофей Михайлов]

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


В принципе, код работает, но.
Я не могу сделать так, чтобы код игнорировал регистр.
В примере он должен подсветить две последние строчки.

Answer 1

[0xD34F]

$('.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'));

Comments

[Тимофей Михайлов]

спасибо!

Answer 2

[coderisimo]

Прошу прощения, что использую "устаревший" jQuery ))))).
Всего одна "устаревшая" строчка решает задачу.

$('.intro').each(function(e){
   /friend/i.test($(this).html()) && $(this).css('background-color', 'silver');
 });

Comments

[Тимофей Михайлов]

спасибо!