Indentação automatica de lista ordenada

by Danilo Metzker

HTML

<div class="item"><span>1.</span> DESPESAS</div>
<div class="item"><span>1.1</span> Despesas Totais</div>
<div class="item"><span>1.2</span> Despesas por Credores</div>
<br>
<div class="item"><span>2</span> LEI DE RESPONSABILIDADE FISCAL</div>
<div class="item"><span>2.1</span> Relatório Resumido da Execução Orçamentária</div>
<div class="item"><span>2.2.1</span> Balanço Orçamentário</div>
<div class="item"><span>2.2.2</span> Demonstrativo da Execução das Despesas por Função/Subfunção</div>
<div class="item"><span>2.2.3</span> Demonstrativo da Receita Corrente Líquida</div>


<div id="div">

</div>

CSS

.tab1{
  margin-left:20px;
}

.tab2{
  margin-left:40px;
}

JavaScript

$(".item").each(function(){
	var aray = $(this).find("span").text().split(".");
  
  
  if(aray[1]){
  	$(this).addClass("tab1");
  }
  
  if(aray[2]){
  	$(this).addClass("tab2");
  }
  
});