first letter li

by bigalreturns

HTML

<ul class="mylist">
    <li>AAA</li>
    <li>AAA</li>
    <li>AAA</li>
    <li>BBB</li>
    <li>BBB</li>
    <li>CCC</li>
</ul>

JavaScript

$(function() {
	var currentFirstLetter;
	$('.mylist').children().each(function() {
  	var thisLetter = $(this)[0].innerHTML.substr(0,1);
    if (thisLetter !== currentFirstLetter) {
    	$(this).before("<li><strong>" + thisLetter + "</strong></li>");
      currentFirstLetter = thisLetter;
    }
  });
});