Alguém pode me ajudar, com alguma dica?
Tenho o código abaixo que pesquisa o parágrafo, mas o problema é quando não adicionamos o texto corretamente na caixa de pesquisa (com maiúscula, minúscula e acentos - conforme esta descrito no parágrafo).
$("#textFind").keyup(function(){
var stringPesquisa = $(this).val();
$('p').parent().hide();
$('p:contains('+stringPesquisa+')').parent().show()
});
div{
margin: 10px;
border: 1px solid #333;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textFind">
<br>
<div id="div01" style="">
<h2> Título 1 </h2>
<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 usuário vai pesquisar digitando no input.</p>
</div>
<div id="div02" style="">
<h2> Título 2 </h2>
<p> esse parágrafo deve aparecer se o texto digitado estiver nessa div.</p>
<p> esse outro parágrafo vai obedece ao mesmo critério.</p>
<p> o usuário vai digitar no input e essa div deve aparecer.</p>
</div>