Tengo un fichero xml con una serie de datos entre los que hay una ID por nodo. El fichero xml es de este tipo:
<events>
<event id="001" title="title1" imageurl="evento1.jpg">
<category>fotografia</category>
<ciudad>MADRID</ciudad>
<date>02 NOVIEMBRE</date>
<hour>12:30 AM</hour>
<url>evento.html</url>
</event>
<event id="002" title="title2" imageurl="evento2.jpg">
<category>producto</category>
<ciudad>MADRID</ciudad>
<date>05 NOVIEMBRE</date>
<hour>18:00 PM</hour>
<url>evento.html</url>
</event>
<event id="003" title="title3" imageurl="evento3.jpg">
<category>fotografia</category>
<ciudad>MADRID</ciudad>
<date>07 NOVIEMBRE</date>
<hour>12:30 PM</hour>
<url>evento.html</url>
</event>
<event id="004" title="title4" imageurl="evento4.jpg">
<category>producto</category>
<ciudad>VALENCIA</ciudad>
<date>28 NOVIEMBRE</date>
<hour>18:00 PM</hour>
<url>evento.html</url>
</event>
Recibo una ID (X) por url que recojo en una variable. Ahora la duda es: ¿Como puedo recuperar los datos del nodo con ID (X)? No he trabajado nunca recuperando datos de XML y estoy un poco perdido.
Gracias de antemano.
Actualizo con el código para recuperar el xml:
$(document).ready(function()
{
$.get('data-home.xml', function(d){
$(d).find('event').each(function(){
var $event = $(this);
var title = $event.attr("title");
var id = $event.find('id').text();
var category = $event.find('category').text();
var ciudad = $event.find('ciudad').text();
var date = $event.find('date').text();
var hour = $event.find('hour').text();
var url = $event.find('url').text();
var btntxt = $event.find('btntxt').text();
var imageurl = $event.attr('imageurl');
//var html = '<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3"> <img class="bookImage" alt="" src="' + imageurl + '" />';
var html = '<div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 evento-'+ category +'"><div id="evento-box" class="'+ category +'" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 59%, rgba(0, 0, 0, 0.75) 100%), url(images/' + imageurl + '");background-repeat: no-repeat;background-position: center;background-size: cover;">';
html += '<p class="fecha">' + date + ' | ' + hour + '</p>';
html += '<p class="ciudad">' + ciudad + '</p>';
html += '<p class="title">' + title + '</p>';
//html += '<p> ' + category + '</p>' ;
html += '<a class="btn btn-default btn-goto" href="' + url + '?id=' + id + '">'+ btntxt +'</a>' ;
html += '</div></div>';
$('#eventos').append($(html));
});
});
});