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


Moderador: web

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

Transformar cada palavra individual em link com jQuery

21-06-2014 21:11

Nesse post vou mostrar como pegar o texto de uma div, quebrá-lo em pedaços, e cada pedaço irá transformar-se em um link.

<script src="jquery.js"></script>   <script type="text/javascript"> $(document).ready(function(){   var palavra = $('#div').html().replace(/[^áàãâäéèêëíìîïóòõôöúùûüçÁÀÃÂÄÉÈÊËÍÌÎÏÓÒÕÖÔÚÙÛÜÇA-Za-z0-9_ ]/g, ""); // TEXTO ORIGINAL SEM CARACTERES ESPECIAIS var parte = palavra.split(' '); // SEPARANDO PELO ESPAÇO var pedaco = ''; // PEDAÇO A SER SOMADO   for(i = 0; i < parte.length; i++) { pedaco+= "<a href=\"teste.php?palavra="+parte[i]+"\">"+parte[i]+"</a> "; // JUNTANDO OS PEDAÇOS COMO LINK }   $('#div').html(pedaco); // ADICIONANDO OS NOVOS PEDAÇOS LINKS NA DIV   }); </script>


<div id="div">Transformar cada palavra individual em link com jQuery</div>

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

Transformar cada palavra individual em link com jQuery

22-06-2014 14:03

Segue uma melhoria no código, adicionando uma vírgula com espaço após cada palavra. Substituir o código abaixo pelo bloco original.

<script type="text/javascript"> $(document).ready(function(){   var palavra = $('#div').html().replace(/[^áàãâäéèêëíìîïóòõôöúùûüçÁÀÃÂÄÉÈÊËÍÌÎÏÓÒÕÖÔÚÙÛÜÇA-Za-z0-9_ ]/g, ""); // TEXTO ORIGINAL SEM CARACTERES ESPECIAIS var parte = palavra.split(' '); // SEPARANDO PELO ESPAÇO var pedaco = ''; // PEDAÇO A SER SOMADO var salva = []; // cria o array for(i = 0; i < parte.length; i++) { salva.push("<a href=\"teste.php?palavra="+parte[i]+"\">"+parte[i].replace(',','')+"</a>"); } $('#div').html(salva.join(', '));   }); </script>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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