JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Div_XML">

</div>

JavaScript

$(function() {

  MyXml = '<?xml version="1.0" encoding="ISO-8859-1"?>\
 <viewentries timestamp="20161211T112506,68Z" toplevelentries="165719">\
 <viewentry position="118099" unid="8EF292A9E34AD1F7C1257F3F000464BE" noteid="287D666" siblings="165719">\
	  <entrydata columnnumber="0" name="GUID">\
	  <text>SESA402250</text>\
	  </entrydata>\
	<entrydata columnnumber="1" name="IsSEEmployee">\
  <text>No</text>\
  </entrydata>\
  </viewentry>\
   <viewentry position="118099" unid="8EF292A9E34AD1F7C1257F3F000464BE" noteid="287D666" siblings="165719">\
	  <entrydata columnnumber="0" name="GUID">\
	  <text>SESA402250</text>\
	  </entrydata>\
	<entrydata columnnumber="1" name="IsSEEmployee">\
  <text>No</text>\
  </entrydata>\
  </viewentry>\
   <viewentry position="118099" unid="8EF292A9E34AD1F7C1257F3F000464BE" noteid="287D666" siblings="165719">\
	  <entrydata columnnumber="0" name="GUID">\
	  <text>SESA402250</text>\
	  </entrydata>\
	<entrydata columnnumber="1" name="IsSEEmployee">\
  <text>No</text>\
  </entrydata>\
  </viewentry>\
  </viewentries>';

  $XML = $(MyXml);

  function parseXML(xml) {
    $(xml).find('viewentry').each(
      function() {
        var columnnumber = $(this).attr('columnnumber');
        var entrydata = $(this).find('entrydata').text();
        $('<div class="items" id="columnnumber_' + columnnumber + '"></div>').html(entrydata).appendTo('#Div_XML');

      });
  }

  parseXML($XML);

})