Tenho o seguinte código em jquery:
musicas: function(){
$.ajax({
url: 'assets/includes/oloco.php',
type: 'GET',
dataType: 'json',
beforeSend: function(){
efeito.inicio();
},
success: function(data){
$('.texto').html(data[0].musica);
efeito.fim();
}
}),
setTimeout(function(){
player.musicas();
}, 15000);
}
E no html como visto tenho:
<div class="text"></div>
Porém, meu ajax atual só muda o texto da div, gostaria de adicionar 5 divs mudando o data[]! A requisição oloco.php é em json e tem exatamente 5 valores como podem ver a seguir:
[
{
"musica": "Luan Santana Acordando o Pr\u00e9dio - Make U Sweat Remix (Lyric Video)"
},
{
"musica": "Kygo ft. Parson James - Stole the show (Lyrics video)"
},
{
"musica": "Justin Bieber Ft Daddy Yankee y Luis Fonsi - Pasito a Pasito Suave Suavecito (Letras)"
},
{
"musica": "Jhef - Vida M\u00edtica (Official V\u00eddeo)"
},
{
"musica": "Jhef - Pode ser n\u00f3s dois (Official Video)"
}
]
Como posso inserir várias divs com os valores diferentes e em ordem?