Sei que este deve ser simples para os gurus do jQuery aqui, mas sinceramente não tenho idéia de como realizá-l

Tenho o seguinte HTML:

<div class="panel_contents">
  <ul>
    <li><a href="#">A</a></li>
    <li><a href="#">B</a></li>
    <li></li>
    <li></li>
  </ul>
</div>

Eu preciso segmentar o @ vaz<li> e anexe uma classe a eles, por exemplo class = "vazio". Não quero modificar o HTML para adicionar manualmente as classes para fins de apresentação, se não for necessári

Comecei um JSFIDDLE aqui para fins de demonstração.

Muito obrigado por qualquer ajuda com iss

-

EDIT 3 [16/9/14]

oje, admito que talvez o uso do jQuery possa não ser realmente necessário, pois elementos vazios podem ser direcionados com CSS usando o:empty pseudo-seletor, que é realmente muito bem suportado em todos os navegadores até o IE8 (embora suporte parcial) -http: //caniuse.com/#search=empt

EDIT 2

Aqui estáOutra Solução.

Esta solução procura<a href>s dentro de<li>, se houver, NÃO adicionará a classe, se não houver<a href>s, então a classeesvazia Está adicionado

EDIT 1

Agradecimentos a Daniel pela solução. Aqui está umWORKING DEMO