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


Moderador: web

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

Números ou valores aleatórios sem repetir na tabela tr td jQuery

22-07-2016 09:47

Nesse post vou mostrar como alimentar as linhas de uma tabela com valores aleatórios de um array, sem repetir os valores.

Cada vez que a pessoa atualizar a página vai preencher as linhas da tabela com valores aleatórios vindo do array.

<script src="jquery.js"></script> <script> $(function() { // função para randomizar function Aleatorio(a,b) { return( parseInt( Math.random()*10 ) %2 ); } // itens a serem colocados nas linhas // sempre maior que a quantidade de linhas da tabela var itens = ['um','dois','três','quatro']; // item sorteado var valores = itens.sort(Aleatorio); // percorrendo as linhas da tabela $("#tabela tr").each(function(linha) { // pegando o td da linha e colocando o valor aleatório do array $(this).find("td").html(valores[linha]); }); // fim do each }); // fim do function </script> <table id="tabela"> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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