Estou fazendo um filtro em jquery mas estou errando na minha lógica em algum lugar e não estou conseguindo sair do lugar. O meu filtro não está sumindo com algumas palavras que eu digito, ele me traz o bloco inteiro, mesmo a palavra digitada nao estando no item. estou com dificuldades pra resolver.
Esse é o portal : http://www.enap.gov.br/web/pt-br/perguntas-frequentes
Esse é o meu script (só jogar no console da página pra testar)
$("input[name='_3_keywords']").keyup(function() {
var palavrasChave = $("input[name='_3_keywords']").val();
if (palavrasChave.trim() !== "") {
var content = document.querySelectorAll('.asset-full-content.show-asset-title');
content.forEach((element) => {
element.style.display = 'none';
});
$(".taglib-header").hide();
var $elements = $(".taglib-header:contains(" + palavrasChave + ")");
$elements.each((index) => {
$elements[index].nextElementSibling.style.display = 'block';
});
$elements.show();
var $elementsContent = $(".asset-full-content:contains(" + palavrasChave + ")");
$elementsContent.each((index) => {
$($elementsContent[index]).show();
console.log($($elementsContent[index]).prev());
$($elementsContent[index]).prev().show(); $elementContent.style.display = 'none';
});
} else {
var elements = $(".taglib-header");
elements.show();
elements.each((index) => {
elements[index].nextElementSibling.style.display = 'none';
});
}
});