Получить значение XML-элементов для HTML-элементов

Просто идея для ссылки, надеюсь, что это поможет:

const getElement = (id) => {
  return document.getElementById(id) || null;
};

const getIdByTitle = (title) => {
  return title.split('_')[1];
};

const load = (file) => {
  return new Promise((resolve, reject) => {
    let xhr = new XMLHttpRequest();
    xhr.onload = () => {
      return resolve(xhr.responseXML.documentElement);
    }
    xhr.onerror = () => {
      return reject(new Error('Error while getting XML.'));
    }
    xhr.open('GET', file);
    xhr.responseType = "document";
    xhr.send();
  });
}

const process = (xml) => {
  let nodes = Array.from(xml.getElementsByTagName('item'));
  return nodes.map((node) => {
    let title = node.getElementsByTagName('title')[0].innerHTML;
    let description = node.getElementsByTagName('description')[0].innerHTML;
    let id = getIdByTitle(title);
    return {
      id,
      title,
      description,
    }
  });
};

const display = (items) => {
  return items.map((item) => {
    let {
      id,
      description,
    } = item;

    let el = getElement(`some_id${id}`);
    if (el) {
      el.innerHTML = description;
    }
  });
};

load('relative_path_to_XML_file.xml')
  .then(process)
  .then(display)
  .catch(console.trace);

Кажется, это работает:

$(document).ready(function() {
    //feed to parse
    var feed = "pondelitest.xml";

    $.ajax(feed, {
        accepts:{
            xml:"application/rss+xml"
        },
        dataType:"xml",
        success:function(data) {



            $(data).find("title").each(function () { 
                if ($(this).text() == 'jidlo01' ) {
                        var v01 = $(this).next();
                        $("#jidlo01").append($.trim(v01.text()));
                        }
                if ($(this).text() == 'jidlo02' ) {
                        var v01 = $(this).next();
                        $("#jidlo02").append($.trim(v01.text()));
                        }                       
            });
        // remove empty items
        $('span.title').each(function() {
            if ($(this).is(':empty')) $(this).parent().remove();
});

        }  
    });

});