JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contentArea">
                <!-- populated by xml data on document ready -->
            </div>

JavaScript

var xml = '<page>\
    <mainPage><![CDATA[\
        <div id="servicesPage" class="mainPage"><!-- includes four sub-pages; incomplete -->\
            <div id="servicesPage_txtpart_010" class="txtpart">\
                <p id="servicesPage_txt_010">dfgdfg</p>\
            </div>\
        </div>]]>\
    </mainPage>\
</page>';
                
                
$(document).ready(function(){
  $.ajax({
    type: "POST",
    url: "/echo/xml/",
    crossDomain: true,
    dataType: "xml",
    data: {'xml': xml},
    success: function parseXml(xml){
      // find all page divs and load each into the main content area
      $(xml).find("page").each(function(){
        $("#contentArea").append($(this).find("mainPage").text());
      });
    }
  });
});