瞄准空<li>

Question

我知道这个对于jQuery大师来说必须是一个简单的,但我真的不知道如何实现它.

我有以下HTML:

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

我需要定位空<li>并将类附加到它们,例如class ="empty".如果我不需要,我不想修改HTML以手动添加类以用于表示目的.

我在这里开始使用JSFIDDLE进行演示.

万分感谢您对此的任何帮助.

-

编辑3 [9/16/14]

今天,我承认也许使用jQuery可能不是真的必要,因为使用:empty伪选择器可以使用CSS来定位空元素,这实际上在所有浏览器中都得到了很好的支持,直到IE8(虽然部分支持) - http: //caniuse.com/#search=empty

编辑2

这是另一种解决方案.

这个解决方案在<a href>s里面查找<li>,如果有的话,它不会添加类,如果没有<a href>s,则添加类为空.

编辑1

感谢Daniel的解决方案.这是一个工作演示

Answer 1

使用:empty伪相选择器.

$('li:empty').addClass('empty')