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


Moderador: web

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

Listar itens ou produtos de array múltiplo com jQuery

29-06-2014 19:59

Nesse exemplo, mostro como ter um array jQuery múltiplo, com vários valores. Também como listar os produtos da lista do array em uma div.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   var produtos = [ { nome: "Produto 1", valor: 10.00, descricao: "Esse é o produto 1." }, { nome: "Produto 2", valor: 20.00, descricao: "Esse é o produto 2." }, ];   $.each(produtos, function(indice) { var v1 = 'Produto: '+produtos[indice]['nome']+'<br />'; var v2 = 'Preço: '+produtos[indice]['valor'].toFixed(2)+'<br />'; var v3 = 'Descrição: '+produtos[indice]['descricao']+'<br />'; $('#produtos').append(v1+v2+v3+'<br />'); });   }); </script>


<div id="produtos"></div>

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

Listar produtos de array múltiplo com jQuery

29-06-2014 20:14

Para quem desejar usar o append para adicionar os valores como colunas de uma tabela, troque o bloco do $.each por:

$.each(produtos, function(indice) { var v1 = '<tr><td>Produto: '+produtos[indice]['nome']+'</td></tr>'; var v2 = '<tr><td>Preço: '+produtos[indice]['valor'].toFixed(2)+'</td></tr>'; var v3 = '<tr><td>Descrição: '+produtos[indice]['descricao']+'</td></tr>'; $('#tabela').append(v1+v2+v3); });

E adicione esse código da tabela que receberá os valores

<table id="tabela"> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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