Salve lista!
To precisando de uma ajuda aqui tenho as seguintes tags no html:
<html>
<body>
<div id="div01" style="display: none">
<p> esse texto está aqui para ser pesquisado.</p>
<p> esse outro texto também vai ser pesquisado.</p>
<p> texto que vai ser que o usuario vai pesquisar digitando no input.</p>
</div>
<div id="div02" style="display: none">
<p> esse paragrafo deve aparecer se o texto didigtado estiver nessa div.</p>
<p> esse outro parágrafo vai obedece ao mesmo cirterio.</p>
<p> o usuario vai digitar no input e essa div deve aparecer.</p>
</div>
<div id="div...N" style="display: none">
<p> aqui só tem palavras e frases.</p>
<p> nesse os caracteres estão separados por espaço.</p>
<p> escrever no campo deve mostrar esse bloco.</p>
</div>
<!-- ... -->
</body>
</html>
até aqui, consegui marcar o texto procurado com o seguinte codigo jquery, já tá funfando blz:
<script>
$(document).ready(function()
{
$("#textFind").keyup(function()
{
stringPesquisa = $("#textFind").val();
$('P').css("background","");
$('P:contains('+stringPesquisa+')').css("background","#FFFF00");
});
});
function teste()
{
var a = document.getElementById('textFind').value();
alert(a);
}
</script>
O que preciso é: quando o usuario digitar um texto no input e motor encontrar o texto digitado em uma div qualquer que vão ser inumeras, o codigo esconde todas as outras divs onde o texto não existe e mostra todas as que existe, que pode ser uma ou várias. Exemplo:
digitar "texto" no input, deve esconder as divs "div02" e "div...N" e mostrar a div "div01"
digitar "input" no input, deve esconder a "div...N" e mostrar as divs "div01" e "div02"
digitar "caracteres" no input, deve esconder as divs "div01" e "div02" e mostrar a "div...N" que contém o texto pesquisado
Será que é possivel fazer isso com jquery? se for alguem poderia me ajudar comisso?
Agradece!
Luz e paz!