-1
Can someone help me, with some hint?
I have the code below that searches the paragraph, but the problem is when we do not add the text correctly in the search box (with uppercase, lowercase and accents - as described in the paragraph).
$("#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>
To use in the title (also), I will have to add all replace to it?
– user176334
I edited the answer. I created some functions to avoid these duplicate codes and added the search for title as well, looking for the tag
h2
. I also added a few comments for you to better understand what the code is doing.– bio
thanks, great help...
– user176334