JSFiddle - React, Tailwind, and code Playground

by Felipe Alfaro

HTML

<section>
  <div id="c">C content</div>
  <div id="b">B content</div>
  <div id="d">D content</div>
  <div id="a">A content</div>
</section>

JavaScript

var $element = $('section'),
		$panels = $element.find('div').toArray(),
    order = ['c', 'b', 'd', 'a'];
console.log(order);
$panels.map(function (panel) {
	var n = order.indexOf(panel.id);
  //order[n] = '';
  return [n, panel]
}).sort().forEach(function(pan) { 
	$element[0].appendChild(pan[1]);
});
console.log(order);