JSFiddle - React, Tailwind, and code Playground

Sort Divs

by Dave

HTML

<div id="tvS_list_wed">
<div class="tvS_list_A">
  <div class="tvS_LA_li" data-tvs_tit_id="zmple"><div id="tvS_title" data-tvs_id="x"></div>zmple</div>
  <div class="tvS_LA_li" data-tvs_tit_id=""><div id="tvS_title" data-tvs_id="x"></div>dmple</div>
	<div class="tvS_LA_li" data-tvs_tit_id="ample"><div id="tvS_title" data-tvs_id="x"></div>ample</div>
</div>
</div>
<div id="tvS_list_weds">
<div class="tvS_list_A">
  <div class="tvS_LA_li" data-tvs_tit_id="www"><div id="tvS_title" data-tvs_id="x"></div>www</div>
  <div class="tvS_LA_li" data-tvs_tit_id="aaa"><div id="tvS_title" data-tvs_id="x"></div>aaa</div>
</div>
</div>

JavaScript

var alphabeticallyOrderedDivs = $('#tvS_list_wed .tvS_list_A .tvS_LA_li').sort(function(a, b) {
			return String.prototype.localeCompare.call($(a).data('tvs_tit_id').toLowerCase(), $(b).data('tvs_tit_id').toLowerCase());
		});
	
var container = $("#tvS_list_wed .tvS_list_A");
container.detach().empty().append(alphabeticallyOrderedDivs);
$('#tvS_list_wed').append(container);

//alert(container)