JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id='src' style='box-sizing: border-box; width: 100%; height: 200px;'>&lt;Locations&gt;
  &lt;Location&gt;
    &lt;Id&gt;790&lt;/Id&gt;
    &lt;Name&gt;DHA Office&lt;/Name&gt;
    &lt;Latitude&gt;31.4737&lt;/Latitude&gt;
    &lt;Longitude&gt;74.3771&lt;/Longitude&gt;
    &lt;Distance&gt;0.74&lt;/Distance&gt;
    &lt;Address&gt;Sector Y&lt;/Address&gt;
    &lt;City&gt;Lahore &lt;/City&gt;
    &lt;Subcategory&gt;Convenience Store&lt;/Subcategory&gt;
    &lt;Appid&gt;1&lt;/Appid&gt;
    &lt;Stars&gt;2&lt;/Stars&gt;
    &lt;Options&gt;2,,,,,,,,,,&lt;/Options&gt;
  &lt;/Location&gt;
  &lt;Location&gt;
    &lt;Id&gt;729&lt;/Id&gt;
    &lt;Name&gt;McDonald's&lt;/Name&gt;
    &lt;Latitude&gt;31.4749&lt;/Latitude&gt;
    &lt;Longitude&gt;74.3772&lt;/Longitude&gt;
    &lt;Distance&gt;0.67&lt;/Distance&gt;
    &lt;Address&gt;486/ B&lt;/Address&gt;
    &lt;City&gt;Lahore &lt;/City&gt;
    &lt;Subcategory&gt;Convenience Store&lt;/Subcategory&gt;
    &lt;Appid&gt;1&lt;/Appid&gt;
    &lt;Stars&gt;5&lt;/Stars&gt;
    &lt;Options&gt;3,,,,,,,,,,&lt;/Options&gt;
  &lt;/Location&gt;
  &lt;Location&gt;
    &lt;Id&gt;732&lt;/Id&gt;
    &lt;Name&gt;Lahore Zoo&lt;/Name&gt;
    &lt;Latitude&gt;31.5563&lt;/Latitude&gt;
    &lt;Longitude&gt;74.3261&lt;/Longitude&gt;
    &lt;Distance&gt;4.79&lt;/Distance&gt;
    &lt;Address&gt;92 Mall Road&lt;/Address&gt;
    &lt;City&gt;Lahore &lt;/City&gt;
    &lt;Subcategory&gt;Convenience Store&lt;/Subcategory&gt;
    &lt;Appid&gt;1&lt;/Appid&gt;
    &lt;Stars&gt;3&lt;/Stars&gt;
    &lt;Options&gt;6,7,,,,,,,,,&lt;/Options&gt;
  &lt;/Location&gt;
&lt;/Locations&gt;</textarea>
<textarea id='dst' style='box-sizing: border-box; width: 100%; height: 200px;'></textarea>

JavaScript

var yourXmlString = $('#src').val();

var l = $(yourXmlString).find('Location');
l.sort(function(a, b) {
  var v1 = parseInt($(a).children('Stars').first().text());
  var v2 = parseInt($(b).children('Stars').first().text());
  v1 = isNaN(v1) ? 0 : v1;
  v2 = isNaN(v2) ? 0 : v2;
  return (v2 - v1);
});

$.each(l, function(i, v){
  var c = $('#dst').val();
  var s = $(v).children('Stars').first().text();
  var sn = $(v).children('Name').first().text();
  #var sc = $(v).children('Subcategory').first().text();
    $('#dst').val(c + s + ':' + sn +\n');
});