Jquery - como alterar a label do bootstrap ?

Front-end
#1

Estou querendo acrescentar os labels de uma grid. Se a valor do for “ATIVO”, então a label será “label label-primary”, se for inativo seria “label label-default”, exemplo:

GRID RENDERIZADA:

<td class="text-center"><span >ATIVO</span></td>
<td class="text-center"><span >INATIVO</span></td>

DEPENDENDO DO VALOR DO <span>, ficaria assim:

<td class="text-center"><span **class="label label-primary"**>ATIVO</span></td>
<td class="text-center"><span **class="label label-default"**>INATIVO</span></td>

Perguntas:

  • Usando Jquery, Como posso pegar o valor do <span> (ATIVO ou INATIVO) ?
  • Usando Jquery, Como posso alterar dinamicamente as classes “label label-default” e “label label-primary” de acordo com o valor do span?