Как сделать фильтрацию результатов по поиску?

Question

[Norton_bike]

Есть выведеные блоки с заголовком и текстом, нужно сделать фильтр который находит похожые фразы только в заголовках и показывать эти блоки, остальные скрывать.
У меня получилось находить фразы, только скрывает у меня заголовок а текс параграфа остается виден. Как сделать что бы скрывало и его.?

Answer 1

[0xD34F]

document.querySelector('#filter-input').addEventListener('input', e => {
  const val = e.target.value.toLowerCase();

  container.querySelectorAll('.title').forEach(n => {
    n.closest('.card').style.display = n.innerText.toLowerCase().includes(val)
      ? 'block'
      : 'none';
  });
});

или

document.getElementById('filter-input').oninput = function() {
  const val = this.value.toLowerCase();

  for (const n of container.getElementsByClassName('title')) {
    let card = n;
    while (!(card = card.parentNode).classList.contains('card')) ;
    card.hidden = n.textContent.toLowerCase().indexOf(val) === -1;
  }
};

Comments

[Norton_bike]

Спасибо большое, добрый человек.