Estou buscado palavras em uma página html, onde o texto procurado, são nome de arquivos, e estes estão categorizados.
utilizo jQuery com a função .each(), a pesquisa é realizada a partir de 3 caracteres, em um form, e percorre toda uma estrutura html, dividida em categorias, que inclusive estão com acordion, para a exibição do conteúdo. então eu pesquiso apenas dentro do conteúdo de cada categoria, pois os itens possuem a mesma 'class' encontrando eu marco o item e abro a categoria correspondente. até aqui tudo bem.
o problema: esta travando o jQuery por possuir muitos itens, o .each() utiliza muita memória então ao varrer mais de 500 itens a página trava.
Alguém possui alguma alternativa? algo apenas em javaScript eliminando o jQuery? eu preciso percorrer n itens que estão dispostos em categorias separadas.
Pergunta
GustavoCosta
Boa tarde, Preciso de ajuda,
Estou buscado palavras em uma página html, onde o texto procurado, são nome de arquivos, e estes estão categorizados.
utilizo jQuery com a função .each(), a pesquisa é realizada a partir de 3 caracteres, em um form, e percorre toda uma estrutura html, dividida em categorias, que inclusive estão com acordion, para a exibição do conteúdo. então eu pesquiso apenas dentro do conteúdo de cada categoria, pois os itens possuem a mesma 'class' encontrando eu marco o item e abro a categoria correspondente. até aqui tudo bem.
o problema: esta travando o jQuery por possuir muitos itens, o .each() utiliza muita memória então ao varrer mais de 500 itens a página trava.
Parte do código:
itens.each(function(){ var $item = $(this), texto = slugfy($item.text().toLowerCase()); if (texto.indexOf(term) >= 0) { $item.addClass('find'); $item.parents('.indice-list li').addClass('find'); $item.parents('.list-categoria').show('slow'); $item.parents('.list-categoria').addClass('active'); $item.parents('.list-categoria').addClass('found'); $item.parents('.list-categoria').find('.open-categoria').show('slow'); $('.indice-list li.find > a').addClass('bold'); } else { //alert(result); $item.parent().addClass('invisible'); $item.parents('.indice-list li').addClass('invisible'); $item.parents('.indice-list li').parents('.indice-letter-group').addClass('invisible'); } });Alguém possui alguma alternativa? algo apenas em javaScript eliminando o jQuery? eu preciso percorrer n itens que estão dispostos em categorias separadas.
obrigado
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.