Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Buscar linhas que contenham o texto com jQuery

15-06-2014 19:15

Esse script que vou postar é um script tipo busca. Ele procura no texto entre algumas divs, uma palavra colocada em um input text.
Ao buscar, o script oculta todas as linhas e exibe somente aquelas linhas que o texto buscado existir.

Façam um teste buscando por exemplo a palavra: texto

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#palavra').keyup(function() { $('.d').hide(); var palavra = $("#palavra").val(); $('#div div:contains(\''+ palavra + '\')').each(function() { $(this).show(); }); });   $('#palavra').keyup(function() { if($(this).val()=="") { $('.d').show(); } });   }); </script>


<form> <input type="text" id="palavra" name="busca" value=""> </form>   <div id="div">   <div class="d">meu texto aqui</div> <div class="d">minha palavra com texto</div> <div class="d">meu escrito</div> <div class="d">minha frase com texto</div>   </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado