Sort RAW HTML in javascript

by Faisal Khan Janjua

JavaScript

var opt = [
'<option data-ref=\"clarksville-old-west-austin\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"clarksville-old-west-austin\">Clarksville/Old West Austin</option>',
'<option data-ref=\"downtown\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"downtown\">Downtown</option>',
'<option data-ref=\"del-valle\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"del-valle\">Del Valle</option>',
'<option data-ref=\"east-austin\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"east-austin\">East Austin</option>',
'<option data-ref=\"enfield-tarrytown\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"enfield-tarrytown\">Enfield/Tarrytown</option>',
'<option data-ref=\"far-west\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"far-west\">Far West</option>',
'<option data-ref=\"kyle\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"kyle\">Kyle</option>',
'<option data-ref=\"north-campus-hyde-park\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"north-campus-hyde-park\">North Campus/Hyde Park</option>',
'<option data-ref=\"riverside-oltorf\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"riverside-oltorf\">Riverside/Oltorf</option>',
'<option data-ref=\"south-austin\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"south-austin\">South Austin</option>',
'<option data-ref=\"west-austin\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"west-austin\">West Austin</option>',
'<option data-ref=\"west-campus\" data-belong=\"austin\" data-subtext=\"Austin\" value=\"west-campus\">West Campus</option>'];
opt.map(o=>{
  var select = document.createElement('select');
  select.innerHTML = o;
  /* console.log($(select).find('option').text()); */
});
opt = opt.sort(function(a,b) {
	var selectA = document.createElement('select');
  selectA.innerHTML = a;
  
	var selectB = document.createElement('select');
  selectB.innerHTML = b;
  
	var x = $(selectA).find('option').text().toLowerCase();
	var y =...