que tal forer@s!!
Veran estoy implementando un forech en jquery, por cada elemento quiero que se cree un div con un id unico y posteriormente asignarle datos a cada div creado, este es mi codigo:
Código Javascript
:
Ver original$(document).ready(function(){
$("#go").click(function(){
var items = $('#items').val();
var array_items = items.split(",");
array_items.forEach(function(item) {
if(item!=null || item!='')
item = item.trim();
//crear el div por cada item
divResult = 'container_'+item; //el item es un valor unico
$('#container').append('<div id="'+divResult+'">'+item+'</div>');
//send ang get the data
$.getJSON('get_data.php', {"item":item}, function(data) {
alert('d '+JSON.stringify(data)); //el alert me muestra la data bien en cada vuelta
$('#'+divResult).text(JSON.stringify(data));
});
});
});
});
Código HTML:
<!--codigo relevante html-->
<a id="go" href="#">Ir</a>
<textarea id="items" name="items" cols="30" rows="5"></textarea>
<div id=container></div>
El problema es que solo me manda la data del ultimo item, por ejemplo, si yo en el text area escribo: 1, 2, 3 en el container me muestra:
Código:
1
2
[{label:value}, {...}] //imaginemos el formato json XD
por lo que veo ahi es que si crea los div, por que estoy visualizando los valores de los items que recibe, y solo en el ultimo item devuelve la data en su div correspondiente.
Algo estoy malinterpretando con mi función o ustedes que opinan?