Hola gente!.
Estoy trabada con un tema desde hace ya varios días y lo comparto con ustedes a ver si me pueden dar una mano!.
Les cuento, tengo un xml con algunos campos de recetas (id, titulo, ingredientes, descripcion, foto) y necesito en una pagina listar los datos. Solo puedo usar html, css, javascript, ajax, (es decir, no puedo usar PHP o similar).
Lo que estoy haciendo es usar un codigo como el siguiente.
$(document).ready(function() {
$.get("datos.xml", function(respuestaxml){
$('item',respuestaxml).each(function(i){
var id = $(this).find("id").text();
var texto = $(this).find("texto").text() + " " + $(this).find("texto").attr('title');
$("#datos").html($("#datos").html() + id + " " + texto + "</br>");
});
});
});
El problema que tengo es que el código anterior me tira todos los datos en el div id="datos" pero yo necesito que me haga similar a lo siguiente:
<div class="receta">
<div class="titulo"></div>
<div class="ingredientes"></div>
</div>
O sea que me tire por cada item nuevo un div así y lo que me esta haciendo ahora es en <div class="titulo"> tirarme todos los títulos de todas las recetas.
Alguna idea??.
Gracias de antemano!.
Daniela.