Eu criei um botão de pesquisa e algumas opções de pesquisa dentro das divs .opcao
. Como eu faço para que apareçam apenas as divs
em que o conteúdo do botão contenha as palavras digitadas no campo de busca?
Por exemplo, se eu digitar 'cadastrar' devem aparecer apenas as divs com os conteúdos dos botões cadastrar novo cliente
, cadastrar novo funcionário
e cadastrar novo produto
.
<input type="search" name="q" class="search-text" placeholder="Procurar..." autocomplete="off" id="textFind">
<div class="pesquisas">
<div class="opcao">
<a>Agenda</a>
</div>
<div class="opcao">
<a>Lista de clientes</a>
</div>
<div class="opcao">
<a>Cadastrar novo cliente</a>
</div>
<div class="opcao">
<a>Lista de fornecedores</a>
</div>
<div class="opcao">
<a>Cadastrar novo fornecedor</a>
</div>
<div class="opcao">
<a>Lista de produtos</a>
</div>
<div class="opcao">
<a>Cadastrar novo produto</a>
</div>
</div>